diff --git a/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/EqualProminence.tsx b/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/EqualProminence.tsx index b492c368e7..c3f010b67d 100644 --- a/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/EqualProminence.tsx +++ b/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/EqualProminence.tsx @@ -1,6 +1,5 @@ import React, { useEffect, useState } from 'react'; import { useMedia } from 'react-use'; -import { selectPeerCount, useHMSStore } from '@100mslive/react-sdk'; import { PeopleAddIcon } from '@100mslive/react-icons'; import { Flex } from '../../../Layout'; import { config as cssConfig } from '../../../Theme'; @@ -18,7 +17,6 @@ export function EqualProminence({ isInsetEnabled = false, peers, onPageChange, o const isMobile = useMedia(cssConfig.media.md); let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount); maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount; - const peerCount = useHMSStore(selectPeerCount); const pageList = usePagesWithTiles({ peers, maxTileCount, @@ -53,8 +51,8 @@ export function EqualProminence({ isInsetEnabled = false, peers, onPageChange, o )} {pageList.length === 0 ? ( } /> ) : null}