[BUG] 'Request Entity Too Large' error when POSTing to internal api routes

[diemonster]

Describe the bug
I've created a form as a client component in my project that includes file uploads. For context, the uploads are typically screenshots that users submit for support requests through our website.

I can submit the form just fine to an external API using fetch from the client component, but I would rather not have the client sent this form directly for spam/security reasons. As such, I created an api route that I thought I could post to from the client component. It looks like this:

export async function api(request: HydrogenRequest) {
  const formData = await request.formData();

  const res = await fetch(`https://external_api`, {
    headers: {
      'Content-Type': 'multipart/form-data',
    },
    method: 'POST',
    body: formData,
  });

  const json = await res.json();
  if (!json.errors && json) {
    return new Response(null, {
      status: 200,
    });
  } else {
    return new Response(
      JSON.stringify({error: json.errors ?? 'Unknown error'}),
      {status: 401},
    );
  }
}

However, as soon as I attempt to submit this form to the internal api route, I get an error "Request Entity Too Large". I assume this is a fixed setting somewhere within Hydrogen?

Is there an exposed setting somewhere that I can change? Or is there workaround for this file limit?

[davidhousedev]

This is a bit of a guess on my part. Is it possible that your cookies header is getting too large? Cookies set on your site would be sent from your site, but I don't think they'd be sent from a different domain.