Remix React возвращает json и перенаправляет

Я думаю, вам нужно структурировать свой код, чтобы обрабатывать перенаправление отдельно от ответа JSON. У вас не может быть кода, который выполняется после оператора возврата.

export const action: ActionFunction = async ({
    request,
    redirect,
}: ActionFunctionArgs) => {
    const formData = await request.formData();

    try {
        const { project } = await sampleAPICall(formData);
        return json({
            title: "Success",
            message: "Yehey!",
            redirectTo: `/${project?.id}`, // Include redirection URL in JSON response
        });
    } catch (error) {
        return json({
            variant: "destructive",
            message: "Oh no....",
        });
    }
};

export const loader: LoaderFunction = ({ json }) => {
    return json();
};

Надеюсь, я смог помочь! Удачи! :)

Перенаправления не могут иметь тело, поэтому вы не можете включать в них полезные данные JSON. Если вы хотите отобразить сообщение по перенаправленному маршруту, вы обычно используете сессионную флэш-память.

https://remix.run/docs/en/main/utils/sessions#sessionflashkey-value

import { commitSession, getSession } from "../sessions";

export async function action({
  params,
  request,
}: ActionFunctionArgs) {
  const session = await getSession(request.headers.get("Cookie"));
  const formData = await request.formData;
  const { project } = await sampleAPICall(formData);
  session.flash("message", { title: "Success", message: "Yehey!" });

  return redirect("`/${project?.id}`, {
    headers: {
      "Set-Cookie": await commitSession(session),
    },
  });
}

Затем в маршруте вашего проекта вы можете отобразить сообщение из флэш-памяти.

import { json } from "@remix-run/node";
import { useLoaderData } from "@remix-run/react";
import { getSession, commitSession } from "./sessions";

export async function loader({ request } LoaderFunctionArgs) {
  const session = await getSession(request.headers.get("Cookie"));
  const message = session.get("message") || null;

  return json(
    { message },
    {
      headers: {
        // only necessary with cookieSessionStorage
        "Set-Cookie": await commitSession(session),
      },
    }
  );
}

export default function Component() {
  const { message } = useLoaderData<typeof loader>();

  return (
    <div>
      {message ? (
        <div className = "flash">{message.title} {message.message}</div>
      ) : null}
    </div>
  );
}