@vimeo/iris/utils/hooks/usePortal.js

Vimeo Design System

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var ReactDOM = require('react-dom');

function usePortal(children) {
    if (children === void 0) { children = null; }
    var outlet = document.getElementById('iris-portals');
    if (!outlet) {
        outlet = document.createElement('div');
        outlet.id = 'iris-portals';
        document.body.appendChild(outlet);
    }
    if (children) {
        var portal = ReactDOM.createPortal(children, outlet);
        return portal;
    }
    else {
        return outlet;
    }
}

exports.usePortal = usePortal;