How to retry a serverAction() call in clientAction?

[andychongyz]

Hi, we are facing TypeError: LoadFailed during the form submission on Safari or Webkit based browser. I was trying to implement a retry mechanism in the clientAction to retry the serverAction() call if encounter this error. But I realised that the serverAction() will throw TypeError: Body is disturbed or locked if I call the serverAction() the second time. This is probably because the serverAction cached the request and try to call resonse.json() again, how can I stop that and call the serverAction() function more than once?

export const clientAction = async ({ serverAction }: ClientActionFunctionArgs) => {
  let data;
  try {
    data = await serverAction();
  } catch (error) {
    if (error instanceof TypeError && error.message === "Load failed") {
      data = await serverAction();
    } else if (error instanceof Error) {
      Sentry.captureException(error);
      return { clientSubmissionErrors: error.message };
    } else {
      Sentry.captureException(error);
      return { clientSubmissionErrors: "Unknown error" };
    }
  }
  return data;
};