Use rxjs observable in useQuery tests

src/react/hooks/__tests__/useQuery.test.tsx

@@ -4,7 +4,7 @@ import gql from "graphql-tag";
 import { act } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { render, screen, waitFor, renderHook } from "@testing-library/react";
-import { Observable } from "rxjs";
+import { Observable, of } from "rxjs";
 import {
   ApolloClient,
   ApolloError,
@@ -1089,7 +1089,7 @@ describe("useQuery Hook", () => {
         }
       `;
       const client = new ApolloClient({
-        link: new ApolloLink(() => Observable.of({ data: { hello: "world" } })),
+        link: new ApolloLink(() => of({ data: { hello: "world" } })),
         cache: new InMemoryCache(),
       });
 
@@ -7351,7 +7351,7 @@ describe("useQuery Hook", () => {
 
       const client = new ApolloClient({
         cache: new InMemoryCache(),
-        link: new ApolloLink(() => Observable.of({ data: {} })),
+        link: new ApolloLink(() => of({ data: {} })),
         resolvers: {
           ClientData: {
             titleLength(data) {
@@ -7596,7 +7596,7 @@ describe("useQuery Hook", () => {
 
     it("should tear down the query if `skip` is `true`", async () => {
       const client = new ApolloClient({
-        link: new ApolloLink(() => Observable.of({ data: { hello: "world" } })),
+        link: new ApolloLink(() => of({ data: { hello: "world" } })),
         cache: new InMemoryCache(),
       });
 
@@ -7679,7 +7679,7 @@ describe("useQuery Hook", () => {
         }
       `;
       const link = new ApolloLink(() =>
-        Observable.of({
+        of({
           data: { hello: "world" },
         })
       );
@@ -7734,7 +7734,7 @@ describe("useQuery Hook", () => {
       `;
       let linkCount = 0;
       const link = new ApolloLink(() =>
-        Observable.of({
+        of({
           data: { hello: ++linkCount },
         })
       );