import { useLocation } from 'react-router-dom';
Actualmente estoy usando Nextjs, necesito ayuda para un equivalente de useLocation
`
import Link from 'next/link'; import { FC } from 'react'; import {useRouter} from 'next/router'; import { useStore } from '../store';` const PrivateRoute: FC = ({ children }) => { const currentUser = useStore((state) => state.currentUser); const location = useRouter();` if (!currentUser) return ( <Link href={`/sign-in?redirect=${encodeURIComponent( location.pathname + location.push('chat') )}`} /> ); return <>{ children }</>
}
exportar ruta privada predeterminada;
Puede usar useRouter desde 'next/router' y luego puede usar pathname o asPath y luego agregar condicionalmente slug o params. El resto puede encontrar más información a través de la documentación publicada por otros.
Sí, puede usar useNavigate
en react-router-dom v6 y puede usar useHistory
en react-router-dom <v6