Tenho um site em react, e gostaria de saber como persistir em uma rota. Por exemplo: Quando eu estou na página perfil e dou um refresh na página, ele me redireciona para dashboard. Alguém tem alguma ideia de como eu faço pra quando der reload eu consiga permanecer na rota de perfils?
Arquivo Router.js
import PropTypes from 'prop-types';
import { Redirect, Route } from 'react-router-dom';
import { useAuth } from '../contexts/auth';
const RouteWrapper = ({ component, isPrivate, isNotFound, ...props }) => {
const { signed } = useAuth();
if (isNotFound)
return <Route { ...props } component={ component } />;
if (!signed && isPrivate)
return <Redirect to="/" />;
if (signed && !isPrivate)
return <Redirect to="dashboard" />;
return <Route { ...props } component={ component } />;
};
RouteWrapper.propTypes = {
component: PropTypes.oneOfType([
PropTypes.element,
PropTypes.func
])
};
export default RouteWrapper;
Arquivo index.js das rotas
import { BrowserRouter, Switch } from "react-router-dom";
import Route from './Route';
import SignIn from "../pages/SignIn";
import Dashboard from "../pages/Dashboard";
import Profiles from "../pages/Profiles";
import NotFound from "../pages/NotFound";
export default function Routes() {
return (
<BrowserRouter>
<Switch>
<Route exact path="/" component={SignIn} isLogin />
<Route exact path="/dashboard" component={Dashboard} isPrivate />
<Route exact path="/perfils" component={Profiles} isPrivate />
<Route component={NotFound} isNotFound />
</Switch>
</BrowserRouter>
);
}