Infinite loop with Hydration Boundary and Next.js 14 App Router

export default async function OrganizationUsers() {
    console.log('in page');
    const queryClient = new QueryClient();

    const cookie = cookies();
    const allCookies = cookie.getAll();
    const requestCookie = allCookies
        .map((cookie, i) =>
            i === allCookies.length - 1 ? `${cookie.name}=${cookie.value}` : `${cookie.name}=${cookie.value};`,
        )
        .join(' ');

    await queryClient.prefetchQuery({
        queryKey: [USE_ORGANIZATION_USERS_QUERY_KEY, 1],
        queryFn: () => getOrganizationMembersRequest(1, requestCookie),
        retry: false,
        staleTime: 60 * 1000,
    });

    console.log('after request');

    return (
        <HydrationBoundary state={dehydrate(queryClient)}>
            <OrganizationUsersTable></OrganizationUsersTable>
        </HydrationBoundary>
    );
}

@mazuma/client: in page
@mazuma/client: in request
@mazuma/server: Response: 200 2.302 ms
@mazuma/client: in request after
@mazuma/client: after request
@mazuma/client:  ⨯ RangeError: Maximum call stack size exceeded
@mazuma/client:     at String.replace (<anonymous>)
@mazuma/client:  ⨯ RangeError: Maximum call stack size exceeded
@mazuma/client:     at String.replace (<anonymous>)
@mazuma/client: digest: "2489343400"