useRef

When you need to manage component state
When you want to trigger a side effect
When you need to retain a value that does not affect rendering
Use useRef for information that must persist between renders but should not update the UI, such as a DOM node, timeout ID, or mutable external object.
When you need to optimize rendering performance