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

export default async function Home({
  searchParams,
}: {
  searchParams: Record<string, string>;
}) {
  serverHelpers.tasks.getTasks.prefetch({
    ...searchParams,
    onlyUserTask: true,
  });

  const dehydratedState = dehydrate(serverHelpers.queryClient);

  return (
    <HydrationBoundary state={dehydratedState}>
      <div className="">
        <WrapperContent>
          <TasksListUser searchParams={searchParams} />
        </WrapperContent>
      </div>
    </HydrationBoundary>
  );
}