history.push not working react router dom - reactjs

Question

Hello guys I have a problem with useHistory(); (react-router-dom);
my history.push is not working, I need to refresh the browser for him work.
I am new with react and,
what I am doing wrong?
Can anyone help me with it??
sx
code below:
const history = useHistory();
const handleSignIn = useCallback(
async data => {
try {
await getToken(data.username, data.password);
history.push('/dashboard');
} catch (err) {
if (err instanceof Yup.ValidationError) {
const errors = getValidationErrors(err);
if (formRef.current) {
formRef.current.setErrors(errors);
}
}
}
},
[getToken, history],
);
return (
<Container>
<Content>
<h1>Faça seu login</h1>
<Form ref={formRef} onSubmit={handleSignIn}>
<Input name="username" placeholder="Usuário" />
<Input name="password" type="password" placeholder="Senha" />
<Button type="submit">Entrar</Button>
</Form>
index of routes below :
import React from 'react';
import { Switch } from 'react-router-dom';
import Route from './Route';
import Register from '../pages/Register';
import SignIn from '../pages/SignIn';
import SignUp from '../pages/SignUp';
import Dashboard from '../pages/Dashboard';
export default function Routes() {
return (
<Switch>
<Route path="/" exact component={SignIn} />
<Route path="/signup" component={SignUp} />
<Route path="/register" component={Register} />
<Route path="/dashboard" component={Dashboard} isPrivate />
</Switch>
);
}
this is my code of private routes:
export default function Route({
isPrivate = false,
component: Component,
...rest
}) {
const { user } = useAuth();
return (
<ReactDOMRoute
{...rest}
render={({ location }) => {
return isPrivate === !!user ? (
<Component />
) : (
<Redirect
to={{
pathname: isPrivate ? '/' : '/dashboard',
state: { from: location },
}}
/>
);
}}
/>
);
}
My App.js below:
import Routes from './routes';
export default function App() {
return (
<BrowserRouter>
<AppProvider>
<Routes />
</AppProvider>
<GlobalStyle />
</BrowserRouter>
);
}