redirect issues

I have issues with redirect not working properly when called from a server actions , the account deletion work as intended but

redirect('/')

redirect('/')

doesn't seems to work it just finish the task and remain on the same page what am I missing
am using app-router with drizzle-orm

"use server";
import { redirect } from "next/navigation";
export async function deleteProfile() {
  const session = await getServerAuthSession();
  if (!session) return { message: "Unauthorized" };
  try {
    await db
      .delete(users)
      .where(eq(users.id, session.user.id))
      .catch((e) => {
        console.log(e);
      });
    revalidatePath("/dashboard/settings/profile");
    redirect("/");
  } catch (error) {
    return { message: "Error deleting profile" };
  }
}
//client code
'use client'
<Button variant="destructive" onClick={() => deleteProfile()} type="submit">
      delete profile
    </Button>

"use server";
import { redirect } from "next/navigation";
export async function deleteProfile() {
  const session = await getServerAuthSession();
  if (!session) return { message: "Unauthorized" };
  try {
    await db
      .delete(users)
      .where(eq(users.id, session.user.id))
      .catch((e) => {
        console.log(e);
      });
    revalidatePath("/dashboard/settings/profile");
    redirect("/");
  } catch (error) {
    return { message: "Error deleting profile" };
  }
}
//client code
'use client'
<Button variant="destructive" onClick={() => deleteProfile()} type="submit">
      delete profile
    </Button>

michaeldrotar•4/29/24, 11:26 AM

server code looks right with this example:
https://nextjs.org/learn/dashboard-app/mutating-data#6-revalidate-and-redirect

I think client code needs to use a form action

However, in React, the action attribute is considered a special prop - meaning React builds on top of it to allow actions to be invoked.

NOTE: I don't think there's any valid case for a submit button to have an , as in your current code, except maybe analytics that tracks which submit button is used. Other actions are better off in the

If that still doesn't work for some reason:

does redirecting elsewhere work
does log both

smolenskOP•4/29/24, 11:27 AM

the catch clause seems to be blocking the redirect I wonder why

smolenskOP•4/29/24, 11:34 AM

ok I have just to put redirect outside of try catch block ty for help

michaeldrotar•4/29/24, 11:36 AM

ah yeah that sounds familiar.. something about throwing an error that nextjs needs to catch
glad you found it!

Adii 🏎•5/7/24, 9:48 PM

did it work? I read some where on github that intercepting routes has issue with navigation.