import { serverHelpers } from '@/app/_trpc/serverHelper'
import { dehydrate, HydrationBoundary } from '@tanstack/react-query'
import React, { lazy, Suspense } from 'react'
import WrapperContent from '@/components/WrapperContent'
import UserAssignedToolsList from './_components/UserAssignedToolsList'
export const dynamic = 'force-dynamic'

const page = async() => {
     serverHelpers.tools.getUserTools.prefetch()
    const dehydratedState= dehydrate(serverHelpers.queryClient)
  return (
    <HydrationBoundary state={dehydratedState}>
      <WrapperContent>
      <div className=' pt-5'>
      
      <UserAssignedToolsList/>
      
    </div>
      </WrapperContent>
 
    </HydrationBoundary>
  )
}

export default page