fix(#2288): added unique id to the root bottom sheet modal portal

Author: gorhom

src/components/bottomSheetModal/BottomSheetModal.tsx

@@ -68,6 +68,7 @@ function BottomSheetModalComponent<T = any>(
 
   //#region hooks
   const {
+    hostName,
     containerHeight,
     containerOffset,
     mountSheet,
@@ -437,6 +438,7 @@ function BottomSheetModalComponent<T = any>(
     <Portal
       key={key}
       name={key}
+      hostName={hostName}
       handleOnMount={handlePortalRender}
       handleOnUpdate={handlePortalRender}
       handleOnUnmount={handlePortalOnUnmount}

src/components/bottomSheetModalProvider/BottomSheetModalProvider.tsx

@@ -6,6 +6,7 @@ import {
   BottomSheetModalInternalProvider,
   BottomSheetModalProvider,
 } from '../../contexts';
+import { id } from '../../utilities/id';
 import {
   INITIAL_CONTAINER_HEIGHT,
   INITIAL_CONTAINER_OFFSET,
@@ -29,6 +30,7 @@ const BottomSheetModalProviderWrapper = ({
   //#endregion
 
   //#region variables
+  const hostName = useMemo(() => `bottom-sheet-portal-${id()}`, []);
   const sheetsQueueRef = useRef<BottomSheetModalRef[]>([]);
   //#endregion
 
@@ -175,13 +177,15 @@ const BottomSheetModalProviderWrapper = ({
   );
   const internalContextVariables = useMemo(
     () => ({
+      hostName,
       containerHeight: animatedContainerHeight,
       containerOffset: animatedContainerOffset,
       mountSheet: handleMountSheet,
       unmountSheet: handleUnmountSheet,
       willUnmountSheet: handleWillUnmountSheet,
     }),
     [
+      hostName,
       animatedContainerHeight,
       animatedContainerOffset,
       handleMountSheet,
@@ -199,7 +203,7 @@ const BottomSheetModalProviderWrapper = ({
           containerOffset={animatedContainerOffset}
           containerHeight={animatedContainerHeight}
         />
-        <PortalProvider>{children}</PortalProvider>
+        <PortalProvider rootHostName={hostName}>{children}</PortalProvider>
       </BottomSheetModalInternalProvider>
     </BottomSheetModalProvider>
   );

src/contexts/modal/internal.ts

@@ -7,6 +7,7 @@ import type {
 } from '../../components/bottomSheetModal';
 
 export interface BottomSheetModalInternalContextType {
+  hostName: string;
   containerHeight: SharedValue<number>;
   containerOffset: SharedValue<Required<Insets>>;
   mountSheet: (