From a98879a4a60cdfb4b8e8d83758b030202aa75f04 Mon Sep 17 00:00:00 2001
From: gorhom <gorhom.dev@gmail.com>
Date: Thu, 6 Jan 2022 20:12:22 +0000
Subject: [PATCH] refactor: added rootHostName to provider component

---
 src/components/portalProvider/PortalProvider.tsx | 3 ++-
 src/components/portalProvider/types.d.ts         | 9 +++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/portalProvider/PortalProvider.tsx b/src/components/portalProvider/PortalProvider.tsx
index 1702b29..8350171 100644
--- 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
index 8ab7dcf..808537f 100644
--- 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[];
 }