Repeater link does not receive router in context

I use React and response-router to create a one-page javascript application. Each page is its own component. On one page, I can successfully create the Link component, and it works as intended. The following error appears on another page:

Warning: Failed Context Types: Required context `router` was not specified in `Link`. Uncaught TypeError: Cannot read property 'makeHref' of undefined 

Here is the file in which I configured my routes:

http://pastebin.com/WBeN9BZw

Here is the component the link is running on (in the TeamRow component):

http://pastebin.com/HjG2d43M

Here is the component in which the link does not work (line 31):

http://pastebin.com/pWb7j8Mk

I registered contexts throughout the application to examine them, and the only time it is not an empty object is in the App component. What am I doing wrong in the TeamPage component that my link is not working? Why is the context empty in the HomePage component, but the link works?

+8
javascript reactjs react-router
source share
1 answer

Try changing your request to

 // remove the react-router require var {Link} = require('react-router'); 

or

 // keep the react-router require var Link = ReactRouter.Link; 
+1
source share

All Articles