Website or app

https://github.com/3perf/react-workshop-fwdays-mar24

Repro steps

• Clone the https://github.com/3perf/react-workshop-fwdays-mar24 repository

• Switch to the branch called day5

• cd widgets-editor && yarn && yarn start

• An app will open. Reproduce the following interaction & record a Profiler trace:

  CleanShot.2024-03-19.at.01.33.16.mp4

• Find the first render of the ResizableComponent component in the trace

• Observe React Profiler reporting “hook 32 changed” whereas the Components pane reporting only 30 hooks in the component (as in the video)

Sorry for not having a minimal repro! I was only able to reproduce this in big apps like the one attached. However, it reproduces reliably.

How often does this bug happen?

Every time

DevTools package (automated)

No response

DevTools version (automated)

No response

Error message (automated)

No response

Error call stack (automated)

No response

Error component stack (automated)

No response

GitHub query string (automated)

No response