Merged in feat/trackingsdk-client (pull request #1420)

feat: trackingsdk as client component

* feat: trackingsdk as client component

* Cleanup

* Merge changes from feat/trackingsdk-client

* revert yarn.lock

* Added lcpTime and wait with tracking until we have the values


Approved-by: Joakim Jäderberg

apps/scandic-web/components/TrackingSDK/index.tsx

@@ -1,6 +1,7 @@
-import { getUserTracking } from "@/lib/trpc/memoizedRequests"
+"use client"
 
 import RouterTransition from "@/components/TrackingSDK/RouterTransition"
+import { trpc } from "@/lib/trpc/client"
 
 import type {
   TrackingSDKHotelInfo,
@@ -8,11 +9,7 @@ import type {
   TrackingSDKPaymentInfo,
 } from "@/types/components/tracking"
 
-export const preloadUserTracking = () => {
-  void getUserTracking()
-}
-
-export default async function TrackingSDK({
+export default function TrackingSDK({
   pageData,
   hotelInfo,
   paymentInfo,
@@ -21,7 +18,12 @@ export default async function TrackingSDK({
   hotelInfo?: TrackingSDKHotelInfo
   paymentInfo?: TrackingSDKPaymentInfo
 }) {
-  const userTrackingData = await getUserTracking()
+  const { data: userTrackingData, isPending } =
+    trpc.user.userTrackingInfo.useQuery()
+
+  if (isPending || !userTrackingData) {
+    return null
+  }
 
   return (
     <RouterTransition