Search code examples
javascriptreactjsblogs

React Router v6 shows blank Webpage when trying to link webpages together

I am trying to follow lamadevs Basic blog tutorial for the UI in React on youtube. In the last section of the video I am unable to link my webpages together in App.js because he uses version 5 instead of 6. I tried switching the switch to route instead but it also didnt work. Do I have to download the old react router dom v5 for it to work? Right now it results in a blank Webpage.

enter image description here

Solution

  • So it should be like this:

    <>
  <TopBar /> 
    <BrowserRouter>
    <Routes>
      <Route path="/" element={<App />}>
      </Route>
    </Routes>
  </BrowserRouter>,
</>

    The difference is, now you don't write a component, but element and element is a JSX, and not component function itself. Try this, it should work.