I have a login form when user successfully signin they will get redirect to "/" page. At the home page, Navbar component is hidden to non-user by default. But even after user successfully loign, and get redirect to "/". The page seem to not refresh (navbar not appear) then if I manually refresh the page then navbar become visible.

Is there any action to do this?

export async function login(formData: FormData) {
  const supabase = createClient();

  const data = {
    email: formData.get("email") as string,
    password: formData.get("password") as string,
  };
  const { error } = await supabase.auth.signInWithPassword(
    data,
  );

  if (error) {
    console.log(error);
    redirect("/error");
  }

  revalidatePath("/", "page");
  redirect("/");
}

this is my login function.

My assumption is that the redirect happen BEFORE data(user) fullfill. Is there any solution to this?