diff --git a/src/components/GameTable.tsx b/src/components/GameTable.tsx index 61bbe33..2d7fe6d 100644 --- a/src/components/GameTable.tsx +++ b/src/components/GameTable.tsx @@ -30,13 +30,14 @@ export function GameTable(props: Props) { const [page, setPage] = useState(props.data?.length ? 1 :0); const fetchNextPage = useRequest(async () => { const newPage = page + 1; + if (page === 0) return []; const resp = await fetch(`/api/user/${props.uid}/games?page=${newPage}`); const nextPageData: GamesData[] = await resp.json(); setDisplayData(data => [...data, ...nextPageData]) setPage(newPage); return nextPageData; }, { manual: true, refreshDeps: [page] }); - const hasMore = useMemo(() => page < 2 || (fetchNextPage.data?.length || 0) === 10, [page, fetchNextPage]); + const hasMore = useMemo(() => (props.data?.length === 10 && page < 2) || (fetchNextPage.data?.length || 0) === 10, [page, fetchNextPage]); return ( <>