useRef

Yes, because changing ref.current always re-renders the component
No, use state because changing ref.current does not trigger a re-render
Refs can store mutable values, but React does not re-render when ref.current changes. Information that determines rendered output should be stored in state instead.
Only when the state belongs to a nested component
Rendered UI state cannot be stored in React