prefetchQuery x next.js server side

    const queryClient = getQueryClient();
    const dehydratedState = dehydrate(queryClient);

    await Promise.all([
        queryClient.prefetchQuery({
            queryKey: [QUERY_KEYS.BALANCE],
            queryFn: getBalance,
        }),
        queryClient.prefetchQuery({
            queryKey: [QUERY_KEYS.USER],
            queryFn: getPlayerInfo,
        }),
    ]);

return (
     <HydrationBoundary state={dehydratedState}>
            <header className="w-full relative bg-pink-400 z-[1] flex justify-center items-center" id="lb-header">
                <Child />
            </header>
        </HydrationBoundary>

    const {data: balance} = useQuery({
        queryKey: [QUERY_KEYS.BALANCE],
        queryFn: getBalance,
    });

    const {data: playerInfo} = useQuery({
        queryKey: [QUERY_KEYS.USER],
        queryFn: getPlayerInfo,
    });