React router dom: Route and Router not working at all

by

You are not rendering the route components correctly. They should be rendered as JSX, not a reference to the component, on the element prop. This is a breaking change between versions 5 and 6 of react-router-dom. Note also that Route components also no longer take an exact prop, they are now always exactly matched.

ReactDOM.render( 
  <Router>
    <React.StrictMode>
      <Routes>
        <Route path="/register" element={<Register />} />
        <Route path="/" element={<App />} />
      </Routes>
      <App />
    </React.StrictMode>
  </Router>,
  document.getElementById('root')
);

More Related Contents:

  1. Link tag inside BrowserRouter changes only the URL, but doesn’t render the component
  2. How to pass data from a page to another page using react router
  3. How do I render components with different layouts/elements using react-router-dom v6
  4. react router v6 navigate outside of components
  5. Problem in redirecting programmatically to a route in react router v6
  6. Error: [PrivateRoute] is not a component. All component children of must be a or
  7. React doesn’t reload component data on route param change or query change
  8. Uncaught TypeError: Cannot read property ‘push’ of undefined (React-Router-Dom)
  9. ReactJS – Pass props with Redirect component
  10. Multiple Nested Routes in react-router-dom v4
  11. How do you pass data when using the navigate function in react router v6
  12. how to listen for route change in react-router-dom v6
  13. ReactJS: [Home] is not a component. All component children of must be a or
  14. Error “Error: A is only ever to be used as the child of element”
  15. How to create a protected route with react-router-dom?
  16. react-router-dom v6 Routes showing blank page
  17. using history with react-router-dom v6
  18. React Router Dom routes are returning blank pages
  19. React: ‘Redirect’ is not exported from ‘react-router-dom’
  20. How to properly use useHistory () from react-router-dom?
  21. How can I redirect in React Router v6?
  22. Arrow function without curly braces
  23. Reactjs setState() with a dynamic key name?
  24. ReactJS – .JS vs .JSX
  25. TypeError: Cannot read property ‘setState’ of undefined
  26. Is this the correct way to delete an item using redux?
  27. React js change child component’s state from parent component
  28. Simulate click event on react element
  29. having multiple instance of same reusable redux react components on the same page/route
  30. Electron IPC and nodeIntegration

Leave a Comment