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;
};

[akomm]

I guess remix would need an option for serverAction call so it does not use the cached response and instead sends a new one:

Example: serverAction({useCache: false})

I wonder though if its the best place to solve client retries.

[akomm]

The thing is, clientAction gets to see the request object. And its weird, if suddenly serverAction call would send another request object. That is why it feels weird handle it in clientAction.