Skip to content

The __debugSource attribute is missing from the React Fiber instance #65518

@kblauhut

Description

@kblauhut

Link to the code that reproduces this issue

https://codesandbox.io/p/devbox/quizzical-framework-53984p

To Reproduce

  1. Open the code sandbox
  2. Run the preview
  3. Open the console: You will see the React Fiber instance being logged there
  4. 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugIssue was opened via the bug report template.locked

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions