import { Container } from '@/components/layout';
import { ClientsOrdersList, OrdersList } from '@/components/orders';
import { dehydrate, HydrationBoundary, QueryClient } from '@tanstack/react-query';

export default async function ProfilePage() {
  const queryClient = new QueryClient();

  return (
    <HydrationBoundary state={dehydrate(queryClient)}>
      <Container>
        <div />
        <ClientsOrdersList />
        <OrdersList />
      </Container>
    </HydrationBoundary>
  );
}
