@kiwicom/orbit-components/es/Portal/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import * as React from "react";
import ReactDOM from "react-dom";

var Portal = function Portal(_ref) {
  var renderInto = _ref.renderInto,
      children = _ref.children;

  var _React$useState = React.useState(function () {
    if (typeof window !== "undefined") {
      return document.createElement("div");
    }

    return null;
  }),
      _React$useState2 = _slicedToArray(_React$useState, 1),
      el = _React$useState2[0];

  var _React$useState3 = React.useState(function () {
    if (typeof window !== "undefined") {
      return renderInto && document.getElementById(renderInto) ? document.getElementById(renderInto) : document.body;
    }

    return null;
  }),
      _React$useState4 = _slicedToArray(_React$useState3, 1),
      node = _React$useState4[0];

  React.useLayoutEffect(function () {
    if (node && el) {
      node.appendChild(el);
    }

    return function () {
      if (node && el) {
        node.removeChild(el);
      }
    };
  }, [el, node]);

  if (typeof window !== "undefined" && el !== null) {
    return /*#__PURE__*/ReactDOM.createPortal(children, el);
  }

  return null;
};

export default Portal;