Document attaching multiple refs to one element in useRef

[smg99]

Fixes #7251

Summary

• Add a new useRef troubleshooting section: "How can I attach more than one ref to a single element?"
• Show a compiler-safe pattern using a ref callback to assign the same DOM node to multiple refs
• Cover both object refs and callback refs in the example

Why

Issue #7251 asks for docs guidance on combining multiple refs on one element (for example local + forwarded refs) without relying on patterns that read ref.current during render.

Validation

• Ran yarn lint
• Ran yarn lint-heading-ids

[smg99]

Requesting review for this docs addition.

This PR adds a useRef troubleshooting section showing how to attach multiple refs to one element with a ref callback, including object refs and callback refs. The intent is to provide a compiler-safe pattern without reading ref.current during render.

Happy to adjust placement or wording.

[github-actions]

Size changes

Details

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌