diff --git a/packages/ui/src/components/session/sidebar/SidebarProjectsList.tsx b/packages/ui/src/components/session/sidebar/SidebarProjectsList.tsx index 29e8e3ac..c6b94eef 100644 --- a/packages/ui/src/components/session/sidebar/SidebarProjectsList.tsx +++ b/packages/ui/src/components/session/sidebar/SidebarProjectsList.tsx @@ -101,6 +101,11 @@ export function SidebarProjectsList(props: Props): React.ReactNode { // orderedGroups.filter/find work and any consumer-memoization see a // stable reference. const orderedGroupsCacheRef = React.useRef>(new Map()); + const orderedGroupsCacheGetOrderedGroupsRef = React.useRef(props.getOrderedGroups); + if (orderedGroupsCacheGetOrderedGroupsRef.current !== props.getOrderedGroups) { + orderedGroupsCacheGetOrderedGroupsRef.current = props.getOrderedGroups; + orderedGroupsCacheRef.current.clear(); + } const cachedGetOrderedGroups = (projectId: string, groups: SessionGroup[]): SessionGroup[] => { const cache = orderedGroupsCacheRef.current; const hit = cache.get(projectId);