useRef

Wrap the component with forwardRef and pass the ref to the DOM node
In React 18, forwardRef lets a function component receive a ref from its parent and forward that ref to a DOM element or another ref-capable component.
Read the parent's local variables directly
Return the DOM node instead of JSX
Put the DOM node in component state