hot fix #3 dev day #70

frontend/src/pages/BlogPage.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Box, Container, Heading, VStack, Image, Text, Skeleton, LinkBox, HStack, Select, Badge, useColorModeValue } from '@chakra-ui/react';
 import { useInfiniteQuery } from '@tanstack/react-query';
-import { getArticles, Article } from '../services/articles';
+import { getArticles, Article, Paginated } from '../services/articles';
 import { Link as RouterLink } from 'react-router-dom';
 import { assetUrl } from '../utils/url';
 import MainLayout from '../components/layout/MainLayout';
@@ -110,9 +110,15 @@ const BlogPage: React.FC = () => {
     isFetchingNextPage,
     hasNextPage,
     fetchNextPage,
-  } = useInfiniteQuery(
+  } = useInfiniteQuery<Paginated<Article>>(
     ['articles-public', { page_size: pageSize, published: true, category_id: categoryId || undefined }],
-    ({ pageParam = 1 }) => getArticles({ page: pageParam, page_size: pageSize, published: true, ...(categoryId ? { category_id: Number(categoryId) } : {}) }),
+    ({ pageParam = 1 }) =>
+      getArticles({
+        page: pageParam,
+        page_size: pageSize,
+        published: true,
+        ...(categoryId ? { category_id: Number(categoryId) } : {}),
+      }),
     {
       getNextPageParam: (lastPage, allPages) => {
         const loaded = allPages.reduce((sum, p) => sum + (p?.data?.length || 0), 0);