useRef

When you need to manage component state
When you want to trigger a side effect
When you need to reference a DOM element
Use useRef when you need to reference a DOM element, such as for focusing an input field, measuring its dimensions, or accessing its properties without causing re-renders.
When you need to optimize rendering performance