Error “Error: A is only ever to be used as the child of element”

by

Yes, in react-router-dom version 6 it is a bit different. Please look as the sample below.

React Router tutorial

import { render } from "react-dom";
import {
  BrowserRouter,
  Routes,
  Route
} from "react-router-dom";
import App from "./App";
import Expenses from "./routes/expenses";
import Invoices from "./routes/invoices";

const rootElement = document.getElementById("root");
render(
  <BrowserRouter>
    <Routes>
      <Route path="/" element={<App />} />
      <Route path="expenses" element={<Expenses />} />
      <Route path="invoices" element={<Invoices />} />
    </Routes>
  </BrowserRouter>,
  rootElement
);

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. How to create a protected route with react-router-dom?
  15. react-router-dom v6 Routes showing blank page
  16. using history with react-router-dom v6
  17. React Router Dom routes are returning blank pages
  18. React router dom: Route and Router not working at all
  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. Understanding unique keys for array children in React.js
  23. What do these three dots in React do?
  24. React – changing an uncontrolled input
  25. Objects are not valid as a React child. If you meant to render a collection of children, use an array instead
  26. reactjs this.refs vs document.getElementById
  27. Playing sound in React.js
  28. React: Axios Network Error
  29. React cannot read property map of undefined
  30. Firebase-Admin, importing it to react application throws Module not found error

Leave a Comment