How to resolve "Response body object should not be disturbed or locked"?

[adaboese]

Started getting this error when trying to authenticate. I am unsure what's causing it.

> authentication error > TypeError: Response body object should not be disturbed or locked
>     at extractBody (node:internal/deps/undici/undici:5178:17)
>     at new Request (node:internal/deps/undici/undici:6160:48)
>     at Authenticator.authenticate (/Users/adaboese/Developer/adaboese/aimd/node_modules/.pnpm/[email protected]_@[email protected]_@[email protected]/node_modules/remix-auth/build/authenticator.js:68:41)
>     at action (/Users/adaboese/Developer/adaboese/aimd/app/routes/_authentication/sign-in/index.tsx:56:56)
>     at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

Code around this is super basic and was working before:

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

  const submission = parse(formData, {
    schema: FormDataZodSchema,
  });

  if (submission.value && submission.value.intent === 'sign-in') {
    try {
      return await authenticator.authenticate('user-pass', request, {
        context: {
          formData,
        },
        successRedirect: '/app',
        throwOnError: true,
      });

// ...

Trace down this error to this change:

-    "@remix-run/dev": "^2.3.1",
-    "@remix-run/node": "^2.3.1",
-    "@remix-run/react": "^2.3.1",
-    "@remix-run/serve": "^2.3.1",
+    "@remix-run/dev": "^2.4.0",
+    "@remix-run/node": "^2.4.0",
+    "@remix-run/react": "^2.4.0",
+    "@remix-run/serve": "^2.4.0",

Can replicate by downgrading/upgrading.

There are no warnings or anything else leading to this that would help debugging.

I should also mention that I am seeing this only for requests related to https://github.com/sergiodxa/remix-auth (raised issue there as well sergiodxa/remix-auth#263)

[codeAdityagithub]

I am having same error with the google strategy.

[k1ngk1te]

Fixed it by retrieving the formData from a request clone and then passed the original request in the authenticate method instead.
Your code should change from this:
const formData = await request.formData();

To this
const formData = await request.clone().formData();