Copy Below Code View As A Text File Show Text Only Show API Edit Code

                            
1) Create a protected-route function i.e. protected-route.js


import {Navigate,Outlet} from 'react-router-dom';


const ProtectedRoute = ({redirect,isAuth}) => {
    if (!isAuth) {
        return <Navigate to={redirect} replace />;
    }
    return <Outlet />;
  };

export default ProtectedRoute


2) in App.js
import ProtectedRoute from './components/auth/protected-route'
const isAuth = useSelector(state=>state.isAuth);

{/* Start Protected Routes  */}
<Route element={<ProtectedRoute redirect={'/login'} user={user} isAuth={isAuth} />}>
    <Route path="account" element={<Account />}></Route>
    {/* <Route path="dashboard" element={<Dashboard />} /> */}
</Route>
{/* End Protected Routes  */}