portal: fix TypeError when using hot-loader (#574)

reach · May 6, 2020 · e0e1b09 · e0e1b09
1 parent 25840c3
commit e0e1b09
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/portal/src/index.tsx b/packages/portal/src/index.tsx
@@ -26,6 +26,8 @@ const Portal: React.FC<PortalProps> = ({ children, type = "reach-portal" }) => {
   let [, forceUpdate] = useState();
 
   useIsomorphicLayoutEffect(() => {
+    // This ref may be null when a hot-loader replaces components on the page
+    if (!mountNode.current) return;
     // It's possible that the content of the portal has, itself, been portaled.
     // In that case, it's important to append to the correct document element.
     const ownerDocument = mountNode.current!.ownerDocument;