SebastianVerified account

Note an interesting moment: when I added second state to SearchResults, it correctly inferred the order of Hooks changed, and so it remounted my component.

How does it work?

Build-time plugin composes a signature for each component. A signature contains each use* call in component body with: 1. its name 2. stringified LHS of how its result is used It also composes signatures of every custom Hook inside. (Each is defined with same mechanism.)

Something like this for final example: useHNSearch.__signature__ = 'useState{const [data, setData]} useEffect'; SearchResults.__signature__ = 'useState{const [page, setPage]} useHNSearch{const data}' + '!' + useHNSearch.__signature__;

As long as you don't break other rules this should be sufficient to detect adding/removing/reordering Hooks, even inside other custom Hooks