React 17: Should useEffect / useCallback be called before an element is mounted?

Question

We have recently moved from React 16 to 17. We have a few instances where we do the following pattern:

const Component = () => {
  const ref = useRef();