import { serverClient } from "@/lib/trpc/server"

import RouterTransition from "@/components/TrackingSDK/RouterTransition"

import TrackingSDKClient from "./Client"

import { TrackingSDKPageData } from "@/types/components/tracking"

export const preloadUserTracking = () => {
  void serverClient().user.tracking()
}

export default async function TrackingSDK({
  pageData,
}: {
  pageData: TrackingSDKPageData
}) {
  const userTrackingData = await serverClient().user.tracking()

  return (
    <>
      <TrackingSDKClient pageData={pageData} userData={userTrackingData} />
      <RouterTransition />
    </>
  )
}