`next@15.4.0-canary29`: TypeError: Cannot read properties of undefined (reading 'traceChild')

[Pnlvfx]

Describe the bug

I just updated my dependencies and get this error, I'm using canary of nextjs and react so it might be a change on their side, it was working before the update.

Reproduction

none

System Info

System:
    OS: Windows 11 10.0.26100
    CPU: (20) x64 Intel(R) Core(TM) i9-10850K CPU @ 3.60GHz
    Memory: 20.48 GB / 31.92 GB
  Binaries:
    Node: 23.11.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 4.9.1 - C:\Program Files\nodejs\yarn.CMD
    npm: 10.9.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (134.0.3124.83)

    "@vanilla-extract/css": "^1.17.1",
    "@vanilla-extract/next-plugin": "^2.4.10",
    "next": "^15.4.0-canary.29",
    "react": "19.2.0-canary-38ef6550-20250508",

Used Package Manager

yarn

Logs

Uncaught ModuleBuildError: Module build failed (from ../../node_modules/@vanilla-extract/webpack-plugin/loader/dist/vanilla-extract-webpack-plugin-loader.cjs.js):
ModuleBuildError: Module build failed (from ../../node_modules/next/dist/build/babel/loader/index.js):
TypeError: Cannot read properties of undefined (reading 'traceChild')
    at Object.nextBabelLoaderOuter (C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\build\babel\loader\index.js:44:46)
    at processResult (C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\webpack\bundle5.js:29:407086)
    at C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\webpack\bundle5.js:29:408881
    at C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:8645
    at C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:5828
    at runSyncOrAsync (C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:4430)
    at iterateNormalLoaders (C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:5782)
    at C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:5426
    at C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\webpack\bundle5.js:29:408371
    at eval (eval at create (C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\webpack\bundle5.js:14:9224), <anonymous>:12:1)
    at process.processTicksAndRejections (node:internal/process/task_queues:90:21)
    at Object.nextBabelLoaderOuter (C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\build\babel\loader\index.js:44:46)
    at processResult (C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\webpack\bundle5.js:29:407086)
    at C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\webpack\bundle5.js:29:408881
    at C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:8645
    at C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:5828
    at runSyncOrAsync (C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:4430)
    at iterateNormalLoaders (C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:5782)
    at C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:5426
    at C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\webpack\bundle5.js:29:408371
    at eval (eval at create (C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\webpack\bundle5.js:14:9224), <anonymous>:12:1)
    at process.processTicksAndRejections (node:internal/process/task_queues:90:21)
    at Object.nextBabelLoaderOuter (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\build\babel\loader\index.js:44:46)
    at processResult (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\webpack\bundle5.js:29:407086)
    at <unknown> (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\webpack\bundle5.js:29:408881)
    at <unknown> (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:8645)
    at <unknown> (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:5828)
    at runSyncOrAsync (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:4430)
    at iterateNormalLoaders (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:5782)
    at <unknown> (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:5426)
    at <unknown> (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\webpack\bundle5.js:29:408371)
    at eval (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\webpack\bundle5.js:14:9224)
    at process.processTicksAndRejections (node:internal/process/task_queues:90:21)
    at processResult (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\webpack\bundle5.js:29:407086)
    at <unknown> (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\webpack\bundle5.js:29:408881)
    at <unknown> (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:8645)
    at <unknown> (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:5019)
    at r.callback (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\next\dist\compiled\loader-runner\LoaderRunner.js:1:4039)
    at <unknown> (file://C:\Users\simon\Desktop\web\packages\replayer\node_modules\@vanilla-extract\webpack-plugin\loader\dist\vanilla-extract-webpack-plugin-loader.cjs.dev.js:102:5)
    at process.processTicksAndRejections (node:internal/process/task_queues:105:5)

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[Pnlvfx]

I confirm that after downgrading to stable of next, react and react-dom fix the issue,.

[askoufis]

This certainly seems like an upstream issue. VE has no relation to React, so I'd say it's likely Next.js that's the cause. Labeling this as an upstream issue for now.

Ordinarily I'd ask for a minimal reproduction, but as this seems like an issue caused by upstream instability it's probably not worth your time.

[Pnlvfx]

This certainly seems like an upstream issue. VE has no relation to React, so I'd say it's likely Next.js that's the cause. Labeling this as an upstream issue for now.

Ordinarily I'd ask for a minimal reproduction, but as this seems like an issue caused by upstream instability it's probably not worth your time.

It make sense. Thank you for your response.

[Pnlvfx]

I'm also getting this error continously in development:

C:\Users\simon\Deskt…uleReplacement.js:1
Uncaught TypeError: Cannot read properties of null (reading 'removeChild')

This happens also with the stable release of nextjs.

[Pnlvfx]

The error seems to be gone, if you want you can close the issue