const Portal = (props) => {
  return createPortal(props.children, document.getElementById("portal"));
};

import ReactDOM from "react-dom";

const Portal = ({ children, selector }) => {
  const element = typeof window !== "undefined" && document.querySelector(selector);
  return element && children ? ReactDOM.createPortal(children, element) : null;
};

export default Portal;

import { useEffect, useState } from "react";
import ReactDOM from "react-dom";

const Portal = ({ children, selector }) => {
  const [element, setElement] = useState(null);
  useEffect(() => {
    setElement(document.querySelector(selector));
  }, [selector]);
  return element && children ? ReactDOM.createPortal(children, element) : null;
};

export default Portal;