When app is passed through a proxy, RSC payload fails to load.

[jmarioste]

Link to the code that reproduces this issue

https://github.com/jmarioste/test-proxy-app

To Reproduce

In our company, many of our customers are institutions and/or universities that uses proxy to access our app. We recently refactored our app to next 14 app router but seems to not hydrate and doesn't work when passed through their proxy (e.g., ezproxy). Error: Connection closed. is thrown. I can't post the exact details because of confidentiality. I'll just use google translate as an example. This doesn't happen when using the /pages directory

1. Go to a proxy website, in this case, i'm using translate.google.com
2. Enter website: https://test-proxy-app.vercel.app/contact
3. Go to https://test--proxy--app-vercel-app.translate.goog/contact?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=en&_x_tr_pto=wapp&_x_tr_hist=true
4. Check network tab. Notice that the RSC payload returns 400 HTTP error.
   

Current vs. Expected behavior

Current behavior:

1. When passed through a proxy service (ezproxy, etc) where a different domain is produced, app router fails to hydrate or the rsc payload fails to load in the network tab.
2. Sometimes, Error: Connection closed. is thrown.

Expected behavior:

1. rsc payload should not fail
2. page should hydrate properly and there should not be any Error: Connection closed.

Provide environment information

Operating System:
  Platform: win32
  Arch: x64
  Version: Windows 11 Home Single Language
  Available memory (MB): 15792
  Available CPU cores: 16
Binaries:
  Node: 20.8.0
  npm: N/A
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  next: 15.0.0-canary.54 // Latest available version is detected (15.0.0-canary.54).
  eslint-config-next: 15.0.0-canary.54
  react: 19.0.0-rc.0
  react-dom: 19.0.0-rc.0
  typescript: 5.5.3
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Not sure

Which stage(s) are affected? (Select all that apply)

Vercel (Deployed), Other (Deployed)

Additional context

This doesn't happen on pages directory, only app directory using react server components.

[kaisic1224]

I believe that as you said, the error message only occurs on a proxy where the original url changes. I tested this on PlainProxies and there is no error through that proxy. However, the RSC fetch parameter is a hash that includes a header parameter called Next-Router-State-Tree which happens to be different from the original website and the proxied website.

[tweeres04]

In our company, many of our customers are institutions and/or universities that uses proxy to access our app. We recently refactored our app to next 14 app router but seems to not hydrate and doesn't work when passed through their proxy (e.g., ezproxy). Error: Connection closed. is thrown.

We are experiencing this exact issue. We work with institutions like universities and libraries and they use EZProxy. We refactored this summer to the app router and get a "Connection closed" on every page when routing through EZProxy.

This is a severe issue for us since a large number of our important users rely on EZProxy for authentication, and cannot access our site at all.

[tweeres04]

I managed to create a minimal reproduction example that crashes through ezproxy: https://github.com/examinecom/examine-ezproxy-minimal

All this app does is fetch two different types of updates from our API using a RSC and attempt to display it on screen.

Here's a screenshot of the page crashing: