-
Notifications
You must be signed in to change notification settings - Fork 119
Open
Description
Problem
React 19 officially removed _debugSource from Fiber nodes, which breaks component-to-source mapping in many tools. Additionally, Next.js 16 with Turbopack handles metadata differently, making it harder to identify component names during hover.
Solution
This PR introduces an enhanced Fiber Walker that:
- Supports React 17-19 patterns (
__reactFiber$,__reactProps$, etc.). - Aggressively probes
memoizedPropsfor hidden metadata. - Injects the Component Name directly into the hover tooltip for immediate feedback.
- Updates the forensic output to include full React Hierarchy and Source File paths when available.
Changes
- Updated
source-location.tswith robust React 19 detection logic. - Enhanced
PageFeedbackToolbarCSSto display component names on hover. - Added styling for the new metadata in the tooltip (using a purple accent for React-specific info).
- Cleaned up diagnostic logs.
This makes Agentation fully 'plug & play' for modern Next.js 16 / React 19 projects without requiring custom Babel configurations.
Metadata
Metadata
Assignees
Labels
No labels