[components] Add default value for PortalContext

sanity-io · Oct 6, 2020 · 6cc81ab · 6cc81ab
1 parent 748ac7b
commit 6cc81ab
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/packages/@sanity/components/src/portal/context.ts b/packages/@sanity/components/src/portal/context.ts
@@ -4,4 +4,16 @@ export interface PortalContextInterface {
   element: HTMLElement
 }
 
-export const PortalContext = createContext<PortalContextInterface | null>(null)
+let globalElement: HTMLDivElement | null = null
+
+const defaultContextValue = {
+  get element() {
+    if (globalElement) return globalElement
+    globalElement = document.createElement('div')
+    globalElement.setAttribute('data-portal', 'default')
+    document.body.appendChild(globalElement)
+    return globalElement
+  }
+}
+
+export const PortalContext = createContext<PortalContextInterface>(defaultContextValue)