chat gpt вполне неплохо отвечает на подобные вопросы:
Реакт не определяет, каким образом компонент связывается с хуками напрямую. Вместо этого, это происходит через механизм, который называется "контекстом" (context) и "хранилищем" (store).
Когда вы вызываете useState внутри функционального компонента React, React создает внутренний объект, который связывает хук с текущим компонентом. Этот объект содержит информацию о текущем компоненте и его состоянии. React использует этот объект, чтобы знать, какое состояние должно быть связано с компонентом и какие обновления состояния должны вызывать перерисовку компонента.
Когда вы вызываете функцию, возвращенную useState, например, setCount, React использует этот объект, чтобы определить, какому компоненту и его состоянию нужно сделать обновление. React знает, что вызов setCount должен вызвать перерисовку текущего компонента и обновление состояния, потому что он имеет доступ к контексту текущего компонента и информации о состоянии через этот объект.
Таким образом, React заботится о связи между компонентом и его хуками, и он делает это автоматически через внутренние механизмы, не требуя явного указания компоненту, как связать себя с хуками.
Есть плагин: puppeteer extra plugin stealth для того что бы тебя не распозновали как бота, на ютубе можешь еще загуглить Advanced Web Scraping with Puppeteer там будут видео на эту тему.
Как отлаживать код с помощью debugger вместо console.log.
Там и про откладку react рассказывается.