CNA leads to a Runtime Error - "TypeError: s.getFiberRoots is not a function" -

[cweekly]

What version of Next.js are you using?

10.0.4

What version of Node.js are you using?

14.14.19

What browser are you using?

Chrome 87

What operating system are you using?

macOS

How are you deploying your application?

yarn dev

Describe the Bug

Standard / vanilla create-next-app --example with-typescript foo leads to an Unhandled Runtime Error:

"TypeError: s.getFiberRoots is not a function"

It's only triggered if devTools extension is enabled. Confirmed in both Chrome 87 and Firefox 84.0.1 (macOS).

Expected Behavior

DevTools should not trigger runtime errors following standard create-next-app --example with-typescript.

To Reproduce

node --version
v14.15.3
yarn --version
1.22.5

npx create-next-app --example with-typescript cna-ts
cd cna-ts
yarn dev

Note the call stack shows the error stems from the React DevTools extension:
chrome-extension://cgibknllccemdnfhfpmjhffpjfeidjga/bundles/backend.bundle.js (1:23142)
...
and sure enough, the error seems to be triggered only in browsers where React DevTools is running.

[cweekly]

UPDATE: I misspoke in blaming React DevTools -- it's actually the Reactime extension that causes this error. Closing this issue, as it's clearly a bug in Reactime and not a NextJS issue per se. Sorry for the noise -- and happy new year!

EDIT: updating to link to the Reactime issue: open-source-labs/Reactime#232

[doug-lessen]

I had to remove or disable the Reactime plugin for my browser in order to get this error to go away.

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.