Issue with returning fetch response directly if response is compressed

[benbrandt]

Since actions/loaders just return a Response object, I have several cases where it would be nice to just return a fetch call directly. This way the response can stream through, which is helpful in the case where the payload is rather large, and calling await response.json() just to immediately wrap it back in a json() call seems both wasteful, and can cause out of memory errors in some environments (both on the default remix server and cloudlfare)

export const action: ActionFunction = async ({ request }) => {
  const name= (await request.formData()).get("name")?.toString() || "";
  return fetch(`url`, {  method: "POST" });
};

This works great, until the server decides to compress the response because it is large (either gzip or brotli). It shows up in my network tab correctly, with all the right encoding headers, and I can see the payload. But it seems that Remix doesn't look at this, and tries to do a JSON.parse on the encoded body.

My two options are to:

1. Turn off compression on the server, then it works. Or,
2. await the json response and convert it back to a json response again.

Has anyone else found another solution?