import {keepPreviousData, useQuery} from "@tanstack/react-query"; import {fetchBoardArticleList} from "../api/boardApi.ts"; import type {BoardArticleSearchParams} from "../type/board.types.ts"; export function useBoardArticleList(searchParams: BoardArticleSearchParams) { const query = useQuery({ queryKey: ['boardArticleList'], queryFn: () => fetchBoardArticleList(searchParams), placeholderData: keepPreviousData, }); console.log("useBoardArticleList", query); return { list : query.data?.list ?? [], extraData: query.data?.extraData ?? null, currentPage: query.data?.currentPage ?? 0, totalItems: query.data?.totalItems ?? 0, totalPages: query.data?.totalPages ?? 0, size: query.data?.size ?? 0, isLoading: query.isLoading, error: query.error, } }