Components missing?

[Faithfinder]

I can't always find the components in the tree. Here's comparison with DevTools:

Where did HStack and Table go?

(setup is kinda basic Vite SPA, React 18.3)

[lxsmnsyc]

Hi, is it possible for you to produce a repro? I'd like to try it myself

[Faithfinder]

I'll see what I can do, but I can't promise it fast - codebase is private, and I dunno what's the condition for components to not show up, so I can't quickly make a minimal repro. I do know that's just one example, missing components are all over the place for me

[arronKler]

meet the same problem too！
missing some component in the middle

[sandgraham]

I think the only components that can be inspected (and appear in component tree) are ones that render associated DOM elements:

react-scan/packages/scan/src/web/views/inspector/utils.ts

Line 473 in 653eca4

export const getInspectableElements = (

react-scan/packages/scan/src/web/views/inspector/components-tree/index.tsx

Line 769 in 653eca4

const buildTreeFromElements = (elements: Array<InspectableElement>) => {

[anudeepreddy]

Why not traverse the fiber tree instead of the dom to create the component tree?