refactor: added rootHostName to provider component

gorhom · Jan 6, 2022 · a98879a · a98879a
1 parent 83c1b74
commit a98879a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/portalProvider/PortalProvider.tsx b/src/components/portalProvider/PortalProvider.tsx
@@ -9,6 +9,7 @@ import { reducer } from '../../state/reducer';
 import type { PortalProviderProps } from './types';
 
 const PortalProviderComponent = ({
+  rootHostName = 'root',
   shouldAddRootHost = true,
   children,
 }: PortalProviderProps) => {
@@ -17,7 +18,7 @@ const PortalProviderComponent = ({
     <PortalDispatchContext.Provider value={dispatch}>
       <PortalStateContext.Provider value={state}>
         {children}
-        {shouldAddRootHost && <PortalHost name="root" />}
+        {shouldAddRootHost && <PortalHost name={rootHostName} />}
       </PortalStateContext.Provider>
     </PortalDispatchContext.Provider>
   );

diff --git a/src/components/portalProvider/types.d.ts b/src/components/portalProvider/types.d.ts
@@ -8,5 +8,14 @@ export interface PortalProviderProps {
    * @type boolean
    */
   shouldAddRootHost?: boolean;
+
+  /**
+   * Defines the root portal host name.
+   *
+   * @default "root"
+   * @type string
+   */
+  rootHostName?: string;
+
   children: ReactNode | ReactNode[];
 }