protected routing
//app.js main
return (
<>
<Routes>
<Route
path="/login"
element={<Login setUser={() => setUser(null)} />}
/>
<Route
path="/signup"
element={<RegistrationPage setUser={() => setUser(true)} />}
/>
<Route path="/forgotpassword" element={<ResetPassword />} />
<Route path="/verifyotp" element={<VerifyOTP />} />
<Route path="/newpassword" element={<ResetNewPassword />} />
<Route path="/" element={<ProtectedRoutes isLogged={user} />}>
<Route path="/dasboard" element={<Dashboard />} />
<Route path="/campaigns" element={<Campaigns />} />
<Route path="/smshistory" element={<SmsHistory />} />
<Route path="/contact" element={<ContactList />} />
</Route>
<Route path="*" element={<ErrorPage />} />
</Routes>
</>
);
//protected routing code:
import { Navigate, Outlet} from 'react-router-dom';
const ProtectedRoutes=({isLogged})=>{
console.log("user Login",isLogged);
return isLogged?<Outlet/>:<Navigate to="/signup"/>
}
export default ProtectedRoutes;