Why react app is still loading in the browser due to react-router-dom

Asked Dec 27 '22 at 12:42

Active Dec 27 '22 at 12:47

Viewed 104 times

<div className="app">
  <BrowserRouter>
    <ThemeProvider theme={theme}>
      <CssBaseline />
      <Routes>
        <Route element={<Layout />}>
          <Route path="/" element={<Navigate to="/dashboard" replace />} />
          <Route path="/dashboard" element={<Dashboard />} />
        </Route>
      </Routes>
    </ThemeProvider>
  </BrowserRouter>
</div>

I cannot figure out what is the issue with my routing. Actually, I'm following a youtube tutorial in which he implement routing this way. When i do comment the routing code my app renders otherwise it keeps loading

edited Dec 27 '22 at 12:47

asked Dec 27 '22 at 12:42

Sohaib Butt

can you provide some codesandbox or something for this. Without looking at ur other components used here, can't say much. – Milan Patel Dec 27 '22 at 13:16
you have to show us the error , otherwise it would be hard to find the problem from this code – Y U K I M U R A Dec 27 '22 at 13:17
@MilanPatel i fixed the issue. Actually navbar has wrong imports that's why react app was not rendering – Sohaib Butt Dec 27 '22 at 13:22

Why react app is still loading in the browser due to react-router-dom

0 Answers0