Horje
redirecting to a different route if user is logged in Code Example
redirecting to a different route if user is logged in 
<Route path='/profile' element={<PrivateRoute/>}>
  <Route path='/profile' element={<Home/>}/> // inner/nested route
</Route>


// Your PrivateRoute Component should look like this
import React from 'react';
import { Navigate, Outlet } from 'react-router-dom';
import { auth } from '*somewhere*';

const PrivateRoute = () => {
  const { userLoggedIn } = auth();
  if (userLoggedIn) {
    return <Outlet />; // i.e continue to the inner/nested route
  } else {
    return <Navigate to="/login" />;
  }
  
  // same thing as 
  // 'return userLoggedIn ? <Outlet /> : <Navigate to="/login" />;'
}



Javascript

Related
node js pre-commit hook bypass Code Example node js pre-commit hook bypass Code Example
bright red in javascript Code Example bright red in javascript Code Example
javascript clear form after dubmit Code Example javascript clear form after dubmit Code Example
husky - pre-commit hook exited with code 1 (error) Code Example husky - pre-commit hook exited with code 1 (error) Code Example
glide js Code Example glide js Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 7



 

Horje