use uuid, not useId

apollographql · Apr 16, 2024 · 4615c72 · 4615c72
1 parent 0916027
commit 4615c72
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/client-react-streaming/src/PreloadQuery.tsx b/packages/client-react-streaming/src/PreloadQuery.tsx
@@ -6,7 +6,7 @@ import type {
   QueryReference,
 } from "@apollo/client";
 import type { ReactNode } from "react";
-import React, { useId } from "react";
+import React from "react";
 import { serializeOptions } from "./DataTransportAbstraction/transportedOptions.js";
 import { createTransportedQueryRef } from "./transportedQueryRef.js";
 
@@ -52,7 +52,7 @@ export function PreloadQuery<TData, TVariables extends OperationVariables>({
     .then((client) => client.query<TData, TVariables>(preloadOptions))
     .then(sanitizeForTransport);
 
-  const queryKey = useId();
+  const queryKey = crypto.randomUUID();
 
   return (
     <SimulatePreloadedQuery<TData>