Using "use server"; But My Code Is Still Showing On Client. Why?

  async function supabaseDeleteAccount(session: AuthSession) {
    // set loading true
    setSupabaseAuthLoading(true);
    try {
      "use server";
      const { error } = await supabaseServer.auth.admin.deleteUser(session.user.id);
      if (error) throw error;
      navigate("/", { replace: true });
    } catch (error: any) {
      // log the error and set the error state
      console.log(error.message);
      setSupabaseError(error.message);
    } finally {
      // set loading false
      setSupabaseAuthLoading(false);
    }
  }

async function supabaseDeleteAccount(session) {
        setSupabaseAuthLoading(true);
        try {
            "use server";
            const {error} = await supabaseServer.auth.admin.deleteUser(session.user.id);
            if (error)
                throw error;
            navigate("/", {
                replace: true
            });
        } catch (error) {
            console.log(error.message);
            console.log(error);
            setSupabaseError(error.message);
        } finally {
            setSupabaseAuthLoading(false);
        }
    }