Simple React Portal

Portal.tsx

import React, { useRef, useEffect } from 'react';
import { createPortal } from 'react-dom';

const Portal: React.FC = ({ children }) => {
    const el = useRef<HTMLDivElement | null>(null);

    useEffect(() => {
        el.current = document.createElement('div');
        document.body.appendChild(el.current);

        return () => {
            el.current!.remove();
        };
    }, []);

    return el.current ? createPortal(children, el.current) : null;
};

export default Portal;