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

export default async function Home() {
  serverHelpers.users.getUserWeeklyActivity.prefetch();
  serverHelpers.users.getUserMonthActivity.prefetch();

  const dehydratedState = dehydrate(serverHelpers.queryClient);

  return (
    <div className=" pb-4" >
      <HydrationBoundary state={dehydratedState}>
        <WrapperContent>
          <DashboardPage />
        </WrapperContent>
      </HydrationBoundary>
    </div>
  );
}