nextjs - 💡(How to fix) Fix Next16 Modal Interception is broken [8 comments, 5 participants]

TL;DR

The issue with modal interceptions failing during dev mode in Next.js 16.0.3 may be related to a configuration or compatibility issue, and trying a different build or configuration approach might resolve the issue.

Guidance

• Verify if the issue persists when using the --webpack flag, as mentioned in the additional context, to isolate if it's specific to Turbopack or a broader configuration issue.
• Check the Next.js documentation and release notes for version 16.0.3 to see if there are any known issues or configuration changes that could be affecting modal interceptions.
• Consider testing the application with a previous version of Next.js to see if the issue is specific to version 16.0.3.
• Review the code in the provided GitHub repository to ensure that the modal interception logic is correctly implemented and compatible with the current version of Next.js.

Notes

The provided information suggests that the issue might not be specific to Turbopack, given that it also occurs with the --webpack flag. This indicates a potential configuration or compatibility issue that needs further investigation.

Recommendation

Apply workaround: Given the uncertainty around the root cause, applying a workaround such as using a previous version of Next.js or adjusting the configuration to use Webpack instead of Turbopack might provide a temporary solution until the issue can be fully resolved.