useRef

To manage component state
To handle side effects
To reference and interact with DOM elements
The primary use case for the useRef hook is to reference and interact with DOM elements, such as focusing an input field or measuring its dimensions, without triggering re-renders.
To optimize rendering performance