@mmcodemark/fuselage-toastbar
Version:
Fuselage ToastBar component
12 lines • 604 B
JavaScript
import { memo, useEffect, useState } from 'react';
import { createPortal } from 'react-dom';
import { createAnchor } from './lib/utils/createAnchor';
import { deleteAnchor } from './lib/utils/deleteAnchor';
var ToastBarPortal = function (_a) {
var children = _a.children;
var toastBarRoot = useState(function () { return createAnchor('toastBarRoot'); })[0];
useEffect(function () { return function () { return deleteAnchor(toastBarRoot); }; }, [toastBarRoot]);
return createPortal(children, toastBarRoot);
};
export default memo(ToastBarPortal);
//# sourceMappingURL=ToastBarPortal.js.map