-
Notifications
You must be signed in to change notification settings - Fork 29.6k
Closed
Labels
Description
Link to the code that reproduces this issue
https://codesandbox.io/p/devbox/quizzical-framework-53984p
To Reproduce
- Open the code sandbox
- Run the preview
- 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