question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

RoutedAnchor not working with "react-router-dom" version 4.4.0

See original GitHub issue

Expected Behavior

should support react-router 4.4.0 version

Actual Behavior

RoutedAnchor not working with “react-router-dom” version 4.4.0 using it, will print an error on console Failed context type: The context router is marked as required in RoutedAnchor, but its value is undefined

URL, screen shot, or Codepen exhibiting the issue

** look at react route changelog https://github.com/ReactTraining/react-router/releases/tag/v4.4.0-beta.0 image **

Steps to Reproduce

  1. Use “react-router-dom”: “next”,
  2. create an app with RoutedAnchor
  3. run the app and you will see the error on console image

Your Environment

  • Grommet version: “grommet”: “2.3.1”,
  • Browser Name and version: Version 71
  • Operating System and version (desktop or mobile): macOS Mojave 10.14.2 ( deskop)

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:9 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
oorestisimecommented, Jan 27, 2019

would you be able to share a codesandbox with the problem or a repo? i don’t have any projects with react-router (personally using router5) so it will be much easier to debug.

0reactions
ShimiSuncommented, Mar 20, 2019

Since we will be deprecating RoutedButton and RoutedAnchor, we won’t be attempting to address this issue. (see #2855)

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using anchor tags in react-router 4 - Stack Overflow
I can see the hash anchor tag in the url and in my redux store when I click on the anchor link in...
Read more >
Upgrading from v5 v6.6.1 - React Router
Once all components are exclusively using the v6 APIs, your app no longer needs the compatibility package and is running on v6. The...
Read more >
<Link> · React Router
<Link>. The primary way to allow users to navigate around your application. <Link> will render a fully accessible anchor tag with the proper...
Read more >
Keywords - react-router-dom - npm
Declarative routing for React web applications. ... Start using react-router-dom in your project by running `npm i react-router-dom`.
Read more >
How to handle navigation in your app with React Router Link
Notice that the route is /contact , yet we're seeing the Homepage heading too. This happens because Router can only display one child,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found