Почему React ref element.current возвращает null в компоненте React, используя хук useRef?

Мне нужно запросить элемент DOM и использовать хук useRef:

const Overlay = ({ children }: Props) => {
  const myRef = useRef<HTMLDivElement>(null);

  useEffect(() => {
    console.log(myRef.current);
  }, [myRef]);


  return (
    <React.Fragment>
      <Dialog fullScreen open={open}>
        <DialogContent id="dialog" ref={myRef}>
          <header>
           // Header
          </header>
          {children}
        </DialogContent>
      </Dialog>
    </React.Fragment>
  );
};

export default Overlay;

Если я проверю консоль, она вернет null.

Что мне нужно сделать, чтобы запросить элемент DOM с помощью useRef?