useRef

To manage component state
To handle side effects
To retain a mutable value between renders without triggering a re-render
useRef returns the same mutable ref object on every render. Its current value can hold a DOM node, timer ID, or other information that does not affect rendering, and changing it does not trigger a re-render.
To optimize rendering performance