Open a new window with a React portal

NewWindowPortal.tsx

import React, { useEffect, useMemo, useRef } from "react"
import { createPortal } from "react-dom"

const NewWindowPortal: React.FC = ({children}) => {
  const containerEl = useMemo(() => document.createElement("div"), [])

  useEffect(() => {
    if (!containerEl) {
      return
    }

    const newWindow = window.open('', '', 'width=200,height=800')
    newWindow.document.body.appendChild(containerEl)
    return () => {
      newWindow.close()
    }
  }, [containerEl])

  return createPortal(children, containerEl)
}

export default NewWindowPortal