If a user goes to the "/dashboard" page while being logged out we want to redirect him/her to login page. But I want to add redirect so that after successful login, the user is automatically redirected to the "/dashboard" page.
Can anyone help me achieve this, please?
This is my code on the login page:

const Login = () => {
const router = useRouter();
const { t } = useTranslation('login');
const [logIn] = userAuthStore((set) => [set.logIn]);

const mutation = useMutation<PostLoginResponse, AxiosError<PostLoginError>, PostLoginPayload>(
(payload) => postLogin(payload),
{
onSuccess: (data) => {
logIn(data.access);
redirect(router, '/dashboard');
},
onError: (error) => {
if (error.response?.status === 401) {
formik.setFieldError('password', t('unauthorized'));
}

error.response?.data.errors
.filter((e) => ['email', 'password'].indexOf(e.fieldName) > -1)
.forEach((e) => {
formik.setFieldError(e.fieldName, t(${e.msg}));
});
},
}
);

const formik = useFormik({
initialValues: {
email: '',
password: '',
},
validationSchema: Yup.object({
email: Yup.string().trim().email(t('email-invalid')).required(t('email-required')),
password: Yup.string()
.required(t('password-required'))
.min(4, t('password-min-length', { min: 4 })),
}),
onSubmit: (values) => {
mutation.mutate(values);
},
});

};

export default Login;