Next.js ^11.1.1 : webpack error + bundling step timeout

[g10]

Current behavior

Using the create next app webpack 5 example setup, with "next": "latest" that resolves to ^11.1.1.

Result in a TypeError and a timeout on the bundling step

✖ ｢wdm｣: TypeError: Cannot read property 'traceChild' of undefined
...
ℹ ｢wdm｣: wait until bundle finished: /__cypress/src/index.html

Desired behavior

No response

Test code to reproduce

create next app webpack 5 example setup with "next": "latest" (11.1.1 or 11.1.2)

Cypress Version

^8.3.0

Other

workaround / temporary solution :

use exact version at 11.1.0

"next": "11.1.0"

tnx #17883 (comment)

[danielweil]

Same error in Next version 11.1.2

[ZachJW34]

I was able to reproduce this issue @g10. After some digging, I found that Next added tracing (collecting performance metrics) to many of it's internal Webpack plugins in 11.1.1. This is a breaking change since for us since we use their default webpack config and don't specify a trace. The fix should be pretty straight-forward but Next currently doesn't export any of the tracing code so I'll followup with the Next team to see if they can export what we need.

Edit: Nvm I found the deep export I was looking for. I have a PR to fix this here #18189

[cypress-bot]

The code for this is done in cypress-io/cypress#18189, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

[pbilyk]

Hello, sorry for bumping this up but I see that the fix for this was first merged and then got reverted. Is there any ETA for it?

[ZachJW34]

@pbilyk Sorry for the confusion. I believe there was a merge that reverted and re-added this commit. Latest master contains the changes so using the latest version of @cypress/react will have the fix for this issue.

[pbilyk]

Thanks! Seems to work with next 11. But they had to go and release next 12, where it stopped working again 😅

[ZachJW34]

Of course it did 😭. Feel free to create an issue about Next 12 not working!

[pbilyk]

FYI: I just found a root cause and made a PR #18648