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', searchParams], queryFn: () => fetchBoardArticleList(searchParams), placeholderData: keepPreviousData, }); 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, } }