diff --git a/web/packages/new/photos/pages/duplicates.tsx b/web/packages/new/photos/pages/duplicates.tsx index 225367fe56..02b822f63f 100644 --- a/web/packages/new/photos/pages/duplicates.tsx +++ b/web/packages/new/photos/pages/duplicates.tsx @@ -18,7 +18,7 @@ import { Box, IconButton, Stack, Tooltip, Typography } from "@mui/material"; import { useRouter } from "next/router"; import React, { useCallback, useEffect, useReducer } from "react"; import Autosizer from "react-virtualized-auto-sizer"; -import { FixedSizeList } from "react-window"; +import { FixedSizeList, type ListChildComponentProps } from "react-window"; import { deduceDuplicates, type DuplicateGroup } from "../services/dedup"; import { useAppContext } from "../types/context"; @@ -322,7 +322,10 @@ const DuplicatesList: React.FC = ({ duplicateGroups }) => { return ( {({ height, width }) => ( - + {ListItem} )} @@ -330,9 +333,14 @@ const DuplicatesList: React.FC = ({ duplicateGroups }) => { ); }; -const ListItem = ({ index, style }) => { - // const dup = duplicateGroups[index]!; - return
{index}
; +const ListItem: React.FC> = ({ + index, + style, + data, +}) => { + const { duplicateGroups } = data; + const dup = duplicateGroups[index]!; + return
{dup.items.length}
; }; interface DeduplicateButtonProps {