Ggtcf

Multi tool use

Why is there an extra space when I type "ls" on the Desktop?

Why won't the strings command stop?

Named nets not connected in Eagle board design

How do we objectively assess if a dialogue sounds unnatural or cringy?

Can a Mexican citizen living in US under DACA drive to Canada?

Preparing as much as possible of a cake in advance

I can't die. Who am I?

3.5% Interest Student Loan or use all of my savings on Tuition?

Was it really inappropriate to write a pull request for the company I interviewed with?

Is being socially reclusive okay for a graduate student?

Why do phishing e-mails use faked e-mail addresses instead of the real one?

In the world of The Matrix, what is "popping"?

Does the in-code argument passing conventions used on PDP-11's have a name?

Why would the IRS ask for birth certificates or even audit a small tax return?

How spaceships determine each other's mass in space?

Replacing tantalum capacitor with ceramic capacitor for Op Amps

What can I do if someone tampers with my SSH public key?

I've given my players a lot of magic items. Is it reasonable for me to give them harder encounters?

How to make sure I'm assertive enough in contact with subordinates?

What is the purpose of a disclaimer like "this is not legal advice"?

The past tense for the quoting particle って

An Undercover Army

What is the oldest European royal house?

Is every open circuit a capacitor?

How to use React Link deep inside of a Router-wrapped app?

0

At a high level, my app is structured like this:

<Provider>
 <ConnectedRouter>
 <App>
 <PageContainer>
 <Page>
 <Link>

The problem is, when I try to run - I get the "Uncaught Invariant Violation: You should not use Link outside a Router" error. I've tried wrapping <Link> inside of another Router inside <Page> but that seems to create another instance of a router and navigation does not register properly. Probably because initially history is created at the top level and passed the the Router there, and that same history object is not passed to the Router inside the Page.

First, I'm confused why I'm getting the error - since the Link is inside the router, albeit not a direct child of.

Second, if I absolutely need to wrap the link in a Router, how can I make sure that it's the same exact Router instance? Or is that even an OK pattern - to have <ConnectedRouter> appear on different levels of the app, and multiple times?

Help, please!

reactjs react-router

share|improve this question

edited yesterday

antonpug

asked yesterday

antonpugantonpug

4,6752566108

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  There's no ConnectedRouter in react-router, the problem is likely specific to it. Is it github.com/supasate/connected-react-router ? The error possibly means that ConnectedRouter doesn't use the same react-router instance as Link.
  
  – estus
  yesterday
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes, that's indeed the reason. I am trying to figure out how to get the same instance.
  
  – antonpug
  yesterday
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Please, provide stackoverflow.com/help/mcve that can replicate the problem - Stackblitz or else. Try to run npm dedupe as potential fix.
  
  – estus
  yesterday
  

  
  
  
  

add a comment | 

0

At a high level, my app is structured like this:

<Provider>
 <ConnectedRouter>
 <App>
 <PageContainer>
 <Page>
 <Link>

The problem is, when I try to run - I get the "Uncaught Invariant Violation: You should not use Link outside a Router" error. I've tried wrapping <Link> inside of another Router inside <Page> but that seems to create another instance of a router and navigation does not register properly. Probably because initially history is created at the top level and passed the the Router there, and that same history object is not passed to the Router inside the Page.

First, I'm confused why I'm getting the error - since the Link is inside the router, albeit not a direct child of.

Second, if I absolutely need to wrap the link in a Router, how can I make sure that it's the same exact Router instance? Or is that even an OK pattern - to have <ConnectedRouter> appear on different levels of the app, and multiple times?

Help, please!

reactjs react-router

share|improve this question

edited yesterday

antonpug

asked yesterday

antonpugantonpug

4,6752566108

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  There's no ConnectedRouter in react-router, the problem is likely specific to it. Is it github.com/supasate/connected-react-router ? The error possibly means that ConnectedRouter doesn't use the same react-router instance as Link.
  
  – estus
  yesterday
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes, that's indeed the reason. I am trying to figure out how to get the same instance.
  
  – antonpug
  yesterday
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Please, provide stackoverflow.com/help/mcve that can replicate the problem - Stackblitz or else. Try to run npm dedupe as potential fix.
  
  – estus
  yesterday
  

  
  
  
  

add a comment | 

At a high level, my app is structured like this:

<Provider>
 <ConnectedRouter>
 <App>
 <PageContainer>
 <Page>
 <Link>

The problem is, when I try to run - I get the "Uncaught Invariant Violation: You should not use Link outside a Router" error. I've tried wrapping <Link> inside of another Router inside <Page> but that seems to create another instance of a router and navigation does not register properly. Probably because initially history is created at the top level and passed the the Router there, and that same history object is not passed to the Router inside the Page.

First, I'm confused why I'm getting the error - since the Link is inside the router, albeit not a direct child of.

Second, if I absolutely need to wrap the link in a Router, how can I make sure that it's the same exact Router instance? Or is that even an OK pattern - to have <ConnectedRouter> appear on different levels of the app, and multiple times?

Help, please!

reactjs react-router

share|improve this question

edited yesterday

antonpug

asked yesterday

antonpugantonpug

4,6752566108

<Provider>
 <ConnectedRouter>
 <App>
 <PageContainer>
 <Page>
 <Link>

share|improve this question

edited yesterday

antonpug

asked yesterday

antonpugantonpug

4,6752566108

share|improve this question

edited yesterday

antonpug

asked yesterday

antonpugantonpug

4,6752566108

asked yesterday

antonpugantonpug

4,6752566108

asked yesterday

antonpugantonpug

4,6752566108