protectedRoute.tsx (425B)
1 import { ReactElement, useContext } from "react"; 2 import { Navigate } from "react-router-dom"; 3 import { MatrixContext } from "./sdk/client"; 4 5 export const ProtectedRoute = ({ children }: { children: ReactElement<any, any> }) => { 6 const matrixClient = useContext(MatrixContext); 7 if (!matrixClient.isLoggedIn) { 8 // user is not authenticated 9 return <Navigate to="/login" />; 10 } 11 return children; 12 };