// Metro module 4065 (f4066).
import { useEffect, memo } from "react";
import { usePortalState } from "./Module4066";
import { usePortal } from "./Module4062";
const r23 = memo(({ name }) => {
  const portalState = usePortalState(name);
  const portal = usePortal(name);
  const { registerHost, deregisterHost } = portal;
  useEffect(() => {
    registerHost();
    return () => {
      deregisterHost();
    };
  }, []);
  return <>
    {portalState.map((item) => item.node)}
  </>;
});
r23.displayName = "PortalHost";
export { r23 as PortalHost };