Act as a senior React developer with 5+ years of experience building complex applications. Explain how to use the `useRef` hook in React to [access DOM elements], [persist mutable values across renders], and [avoid unnecessary re-renders]. Provide a step-by-step guide with [code examples] for each use case, including how to initialize the ref, attach it to JSX elements, and leverage its current property. Also, highlight common [pitfalls to avoid], such as overusing refs or misusing them for state management. Tailor your explanation for [intermediate-level developers] who are familiar with React basics but want to deepen their understanding of hooks.