Question

0

75

Vistas

runtime.js:7 Uncaught Error: [RequireAuth] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>

**react route****I wanted to make a route that's secure but it's not working.**
  <Routes>
    <Route path='/' element={<Home></Home>}></Route>
    <Route path='/home' element={<Home></Home>}></Route>
    <Route path='/register' element={<Register></Register>}></Route>
    <Route path='/login' element={<Login></Login>}></Route>

    <RequireAuth>
      <Route path='/manageproducts' element={<ManageProduct></ManageProduct>}></Route>
    </RequireAuth>
  </Routes>
</div>

Here i implemented require auth but it's not working

7 months ago · Juan Pablo Isaza

1 Respuestas

Responde la pregunta

0

Responde la pregunta

Encuentra empleos remotos

Accepted Answer · 2022-06-30T05:01:35.927Z

The RequireAuth component needs to be wrapped within a Route as follows:

<Route
    path="/manageproducts"
    element={
        <RequireAuth>
            <ManageProduct/>
        </RequireAuth>
    }
/>;

This would give Routes a child of Route and resolve the error you are getting