You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Open the console: You will see the React Fiber instance being logged there
The __debugSource attribute is missing
Current vs. Expected behavior
NextJs used to provide the __debugSource attribute on the React Fiber instance. This contains information such as the folder path which is used by tools like click-to-component and react-dev-inspector to allow for a smoother dev experience.
While this has been an issue with server components for some time now (reported in this issue), starting with NextJs 14.2.0 this information is also missing from client components.
Provide environment information
Operating System:
Platform: darwin
Arch: arm64
Version: Darwin Kernel Version 23.1.0: Mon Oct 9 21:27:24 PDT 2023; root:xnu-10002.41.9~6/RELEASE_ARM64_T6000
Available memory (MB): 16384
Available CPU cores: 8
Binaries:
Node: 20.10.0
npm: 10.2.3
Yarn: 1.22.21
pnpm: N/A
Relevant Packages:
next: 14.3.0-canary.49 // Latest available version is detected (14.3.0-canary.49).
eslint-config-next: 14.1.3
react: 18.2.0
react-dom: 18.2.0
typescript: 5.4.2
Next.js Config:
output: N/A
Which area(s) are affected? (Select all that apply)
Developer Experience
Which stage(s) are affected? (Select all that apply)
next dev (local)
Additional context
I tested reproducing this against multiple versions of NextJs and it seems that this issue was introduced with 14.2.0-canary.0
The text was updated successfully, but these errors were encountered:
This closed issue has been automatically locked because it had no new activity for 2 weeks. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.
Link to the code that reproduces this issue
https://codesandbox.io/p/devbox/quizzical-framework-53984p
To Reproduce
Current vs. Expected behavior
NextJs used to provide the __debugSource attribute on the React Fiber instance. This contains information such as the folder path which is used by tools like click-to-component and react-dev-inspector to allow for a smoother dev experience.
While this has been an issue with server components for some time now (reported in this issue), starting with NextJs 14.2.0 this information is also missing from client components.
Provide environment information
Operating System: Platform: darwin Arch: arm64 Version: Darwin Kernel Version 23.1.0: Mon Oct 9 21:27:24 PDT 2023; root:xnu-10002.41.9~6/RELEASE_ARM64_T6000 Available memory (MB): 16384 Available CPU cores: 8 Binaries: Node: 20.10.0 npm: 10.2.3 Yarn: 1.22.21 pnpm: N/A Relevant Packages: next: 14.3.0-canary.49 // Latest available version is detected (14.3.0-canary.49). eslint-config-next: 14.1.3 react: 18.2.0 react-dom: 18.2.0 typescript: 5.4.2 Next.js Config: output: N/A
Which area(s) are affected? (Select all that apply)
Developer Experience
Which stage(s) are affected? (Select all that apply)
next dev (local)
Additional context
I tested reproducing this against multiple versions of NextJs and it seems that this issue was introduced with 14.2.0-canary.0
The text was updated successfully, but these errors were encountered: