Update useSuspenseQuery tests to be more friendly between react versions

Author: jerelmiller

src/react/hooks/__tests__/useSuspenseQuery/streamDefer20220824.test.tsx

@@ -1340,6 +1340,21 @@ test("adds partial data and does not throw errors returned in incremental chunks
   }
 
   subject.next(friends[0]);
+
+  {
+    const { snapshot, renderedComponents } = await takeRender();
+
+    expect(renderedComponents).toStrictEqual(["useSuspenseQuery"]);
+    expect(snapshot).toStrictEqualTyped({
+      data: markAsStreaming({
+        friendList: [{ __typename: "Friend", id: "1", name: "Luke" }],
+      }),
+      dataState: "streaming",
+      networkStatus: NetworkStatus.streaming,
+      error: undefined,
+    });
+  }
+
   subject.next(new Error("Could not get friend"));
 
   {
@@ -1426,6 +1441,21 @@ test("adds partial data and discards errors returned in incremental chunks with
   }
 
   subject.next(friends[0]);
+
+  {
+    const { snapshot, renderedComponents } = await takeRender();
+
+    expect(renderedComponents).toStrictEqual(["useSuspenseQuery"]);
+    expect(snapshot).toStrictEqualTyped({
+      data: markAsStreaming({
+        friendList: [{ __typename: "Friend", id: "1", name: "Luke" }],
+      }),
+      dataState: "streaming",
+      networkStatus: NetworkStatus.streaming,
+      error: undefined,
+    });
+  }
+
   subject.next(new Error("Could not get friend"));
 
   {
@@ -1503,6 +1533,21 @@ test("can refetch and respond to cache updates after encountering an error in an
   }
 
   subject.next(friends[0]);
+
+  {
+    const { snapshot, renderedComponents } = await takeRender();
+
+    expect(renderedComponents).toStrictEqual(["useSuspenseQuery"]);
+    expect(snapshot).toStrictEqualTyped({
+      data: markAsStreaming({
+        friendList: [{ __typename: "Friend", id: "1", name: "Luke" }],
+      }),
+      dataState: "streaming",
+      networkStatus: NetworkStatus.streaming,
+      error: undefined,
+    });
+  }
+
   subject.next(new Error("Could not get friend"));
 
   {