import * as React from 'react';
import { homePageBookSumState, homePageQueryState } from 'atoms';
import CommonLayout from 'components/v2/Layout';
import { FilteredChips } from 'components/v2/Chips/FilteredChips';
import Head from 'next/head';
import type { NextPage } from 'next';
import { PAGE_SIZE } from 'const';
import Pagination from 'components/v2/Pagination';
import { Suspense } from 'react';
import dynamic from 'next/dynamic';
import { useRecoilState } from 'recoil';
const BookList = dynamic(import('components/v2/Cards/ShoppingItemCardList'), { ssr: false })
const Home: NextPage = () => {
const [homePageQueryData, setHomePageQueryData] =
useRecoilState(homePageQueryState);
const [homePageBookSum] = useRecoilState(homePageBookSumState);
const handleClickPagination = (page: number) => {
setHomePageQueryData({ ...homePageQueryData, page });
};
return (
<>
Bookstore Home
{(homePageQueryData.sort || homePageQueryData.type) && (
)}
Loading...}>
);
};
export default Home;