@clerk/remix v4.0.12 RequestInit: duplex option is required when sending a body. about javascript

[briardg]

@jtparrett I have found a way around the issue in case you are interested.

I thought it was weird that in the loader it works but not in the action,
So I dived inside Clerk code and realized they kind of piggy bag on our request.

So I tried to recreate a request that should work basically like in Loaders a get request with headers as this is where the Auth information is saved.

const generateNewRequestForClerk = (request: Request) => {
  const originalRequest = request.clone();
  const newRequestInit = {
    method: "GET", // Change the method to GET
    headers: new Headers(originalRequest.headers), // Copy headers from the original request
  };

  // Remove content-type header as it's not needed for GET and may cause issues
  newRequestInit.headers.delete("Content-Type");

  // Instantiate the new request without the body attribute
  return new Request(originalRequest.url, newRequestInit);
};


  const auth = await getAuth({
    ...args,
    request: generateNewRequestForClerk(args.request),
  });

Try it out and please tell me if it is working on your side too? 🙏

[LekoArts]

This was fixed with #3495 👍

[ainoya]

Hello. I'm using clerk/remix on Cloudflare Pages, and when using getAuth within an ActionFunction, it seems to generate a new error from the code that was fixed in the PR #3495 🤔 The workaround provided seems to prevent the error from occurring.

TypeError: Cannot set property duplex of #<_Request> which has only a getter
    at patchRequest (.../node_modules/@clerk/remix/dist/ssr/utils.js:115:26)

[octoper]

Hey!

We have released a fix for the regression that was introduced in #3495, you can upgrade to the latest version of the Remix SDK and it will be resolved!

[jtparrett]

briardg

Thanks for this! Yes, that fix also worked in my case 👍 using it as a workaround for now.

[frago12]

@briardg thank you for the workaround, worked well on my end too

[briardg]

Hello,

I have the same issue, and it is not happening inside the Remix Loader but only in the action.

My version of node is the same.

I also added the Vercel recommendation using @vercel/remix instead of @remix-run/node
and vite config import { vercelPreset } from "@vercel/remix/vite";

But nothing helped

[LekoArts]

@octoper will look into this!

[briardg]

@octoper will look into this!

I can be available for any live coding meeting if needed

[arminnaimi]

Hello. I'm using clerk/remix on Cloudflare Pages, and when using getAuth within an ActionFunction, it seems to generate a new error from the code that was fixed in the PR #3495 🤔 The workaround provided seems to prevent the error from occurring.

TypeError: Cannot set property duplex of #<_Request> which has only a getter

    at patchRequest (.../node_modules/@clerk/remix/dist/ssr/utils.js:115:26)

I just started a new project two days ago and I get the same error running on regular Node.js.

[nsb]

This was fixed with #3495 👍

But this unfortunately introduced a regression. Discussion on Discord here https://discord.com/channels/856971667393609759/1253975184818573313

@arminnaimi I have reported this bug. Hopefully they will fix it soon. In the meantime you can just downgrade to the previous version of @clerk/remix.

[octoper]

Thanks you for reporting that I will take a look at it today!