React-хук useRef — это мощный инструмент для хранения значений между рендерами, которые не влияют на повторную визуализацию компонента. Этот хук часто используют для работы с DOM-элементами или для сохранения информации, которая должна оставаться неизменной между рендерами, но не должна вызывать их перерисовку. useRef возвращает объект с одним полем current. Это поле можно изменять напрямую, но изменение current не вызывает повторного рендера компонента. Важно помнить, что useRef — это не замена состоянию (useState), поскольку его обновления не вызывают визуализацию...

Источник: Nuances of Programming Одна из полезных особенностей React  —  абстрагирование от сложного взаимодействия с объектной моделью документа (DOM, Document Object Model). Вместо того чтобы запрашивать элементы, пытаться добавить к ним классы и устранять несоответствия браузера, можно просто писать компоненты, сосредоточившись на взаимодействии с пользователем. Однако иногда все же появляется необходимость в доступе к реальному DOM. И здесь самое важное  —  разобраться в особенностях Ref и его окружения, научиться их правильно использовать...