nextjs - 💡(How to fix) Fix Middleware is called multiple times if -hostname passed [1 comments, 2 participants]

1. open the browser on /fake - it throws hydration error, middleware called twice, /fake, /

TL;DR

• The issue can be mitigated by adjusting the middleware to handle the parsedUrl protocol difference when the -H flag is used.

Guidance

• Investigate the router-server.ts lines 445-454 to understand how the proxyPass is triggered when the -H flag is used.
• Verify that the pathname change in the middleware is the sole modification and that it's correctly handling the parsedUrl protocol.
• Check if there are any existing issues or pull requests in the Next.js repository related to this behavior.
• Consider creating a custom middleware to handle the proxyPass behavior when the -H flag is used.

Example

• No code example is provided as the issue requires a deeper understanding of the Next.js internals and the custom middleware implementation.

Notes

• The issue seems to be related to the next dev command and the -H flag, which might be specific to the development environment.
• The provided environment information and package versions might be relevant to the issue, but further investigation is needed to determine the root cause.

Recommendation

• Apply workaround: Adjust the middleware to handle the parsedUrl protocol difference when the -H flag is used, as it seems to be the most likely cause of the issue.