import StockList from "./_components/StockList";
import { serverHelpers } from "@/app/_trpc/serverHelper";
import { dehydrate, HydrationBoundary } from "@tanstack/react-query";
import WrapperContent from "@/components/WrapperContent";
export const dynamic = 'force-dynamic'

const page = async ({
  searchParams,
}: {
  searchParams: Record<string, any>;
}) => {
  serverHelpers.projects.getAllProjectMaterials.prefetch(searchParams),
    serverHelpers.tools.getTools.prefetch();

  const dehydratedState = dehydrate(serverHelpers.queryClient);
  return (
    <div>
      <HydrationBoundary state={dehydratedState}>
        <WrapperContent>
          <StockList searchParams={searchParams} />
        </WrapperContent>
      </HydrationBoundary>
    </div>
  );
};

export default page;