under `async` function `useNavigate` not working nor throwing any error

Question

I do not know, some reason, useNavigate not working with following code: any one help to use the useNavigate under the async function?

export const loginAdminUser = createAsyncThunk('post/login', async (user: UserLoginProps) => {
  const navigate = useNavigate();//if i remove works
  try {
    const response = await axios.post(environment.BASE_URL + '/user/admin-login', user);
    console.log('response', response);
    if (response.data.success) {
      toast.success(response.data.message);
      toast('Redirecting to Home page');
      localStorage.setItem('token', response.data.data);
      navigate('/admin/home'); //trying to navigate page
    } else {
      toast.error(response.data.message);
    }
  } catch (error: unknown) {
    const err = error as AxiosError;
    throw new Error(err.message);
  }
});