diff --git a/packages/shared-components/src/utils/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.tsx b/packages/shared-components/src/utils/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.tsx index 544c2ac5fe..a7a24329ae 100644 --- a/packages/shared-components/src/utils/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.tsx +++ b/packages/shared-components/src/utils/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.tsx @@ -5,7 +5,7 @@ * Please see LICENSE files in the repository root for full details. */ -import React, { type JSX, useCallback, useMemo, useRef } from "react"; +import React, { type JSX, useCallback, useMemo, useRef, type PropsWithChildren } from "react"; import { GroupedVirtuoso } from "react-virtuoso"; import { useVirtualizedList, type VirtualizedListContext, type VirtualizedListProps } from "../virtualized-list"; @@ -241,6 +241,18 @@ export function GroupedVirtualizedList( [getGroupHeaderComponent, onFocusForHeader, groups], ); + // Remove sticky headers + const components = useMemo( + () => ({ + TopItemList: ({ children, ...rest }: PropsWithChildren<{ style?: React.CSSProperties }>) => ( +
+ {children} +
+ ), + }), + [], + ); + return ( ( itemContent={getItemComponentInternal} groupContent={getGroupHeaderComponentInternal} {...virtuosoProps} + components={components} /> ); }