Middleware is causing POST/PUT requests with large payload to stuck

[louisesiqifan]

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System:
  Platform: darwin
  Arch: x64
  Version: Darwin Kernel Version 21.6.0: Wed Aug 10 14:25:27 PDT 2022; root:xnu-8020.141.5~2/RELEASE_X86_64
Binaries:
  Node: 16.14.0
  npm: 8.5.0
  Yarn: N/A
  pnpm: N/A
Relevant packages:
  next: 12.2.6-canary.8
  eslint-config-next: 12.2.5
  react: 18.2.0
  react-dom: 18.2.0

What browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

next run dev

Describe the Bug

When middleware.ts is present, POST and PUT requests with large payloads to any apis in the pages/api folder are stuck on pending.

The payload I was using has Content-Length: 30233, so even if in default api setting it should not be too big.

Screen.Recording.2022-09-02.at.7.18.46.PM.mov

Expected Behavior

POST and PUT requests should be working with middleware present.

Link to reproduction

https://github.com/louisesiqifan/next-js-huge-post

To Reproduce

1. Run npm i
2. Run npm run dev
3. In http://localhost:3000/, click the two buttons

[c0m1t]

Any update on this issue?

[mgreenw]

Also seeing this with a middleware.ts file and a PUT request with an image. Both 12.2 and 12.3.

[mgreenw]

I think this is a dup of #39262

[louisesiqifan]

As mentioned in #39262 , downgrading to v12.2.2 solved my issue.
Closing this because it's a dup.

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.