Update Apollo

Author: ardatan

examples/react/apollo-client-defer/src/App.tsx

@@ -1,4 +1,4 @@
-import { useQuery } from '@apollo/client';
+import { useQuery } from '@apollo/client/react';
 import { DocumentType, FragmentType, graphql, isFragmentReady, useFragment } from './gql';
 
 export const slowFieldFragment = graphql(/* GraphQL */ `

examples/react/apollo-client-defer/src/main.tsx

@@ -1,10 +1,13 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client';
+import { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client';
+import { ApolloProvider } from '@apollo/client/react';
 import App from './App';
 
 const client = new ApolloClient({
-  uri: 'http://localhost:4000/graphql',
+  link: new HttpLink({
+    uri: 'https://graphql.org/graphql/',
+  }),
   cache: new InMemoryCache(),
 });
 

examples/react/apollo-client-swc-plugin/src/App.tsx

@@ -1,4 +1,4 @@
-import { useQuery } from '@apollo/client';
+import { useQuery } from '@apollo/client/react';
 import './App.css';
 import Film from './Film';
 import { graphql } from './gql';

examples/react/apollo-client-swc-plugin/src/main.tsx

@@ -1,11 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './main.css';
-import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client';
+import { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client';
+import { ApolloProvider } from '@apollo/client/react';
 import App from './App';
 
 const client = new ApolloClient({
-  uri: 'https://graphql.org/graphql/',
+  link: new HttpLink({
+    uri: 'https://graphql.org/graphql/',
+  }),
   cache: new InMemoryCache(),
 });
 

examples/react/apollo-client/src/App.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useQuery } from '@apollo/client';
+import { useQuery } from '@apollo/client/react';
 import './App.css';
 import Film from './Film';
 import { graphql } from './gql/gql';

examples/react/apollo-client/src/main.tsx

@@ -1,11 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './main.css';
-import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client';
+import { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client';
+import { ApolloProvider } from '@apollo/client/react';
 import App from './App';
 
 const client = new ApolloClient({
-  uri: 'https://graphql.org/graphql/',
+  link: new HttpLink({
+    uri: 'https://graphql.org/graphql/',
+  }),
   cache: new InMemoryCache(),
 });
 

examples/vite/vite-react-cts/src/main.tsx

@@ -1,11 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { ApolloClient, ApolloProvider, InMemoryCache, useQuery } from '@apollo/client';
+import { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client';
+import { ApolloProvider, useQuery } from '@apollo/client/react';
 import Film from './Film';
 import { graphql } from './gql';
 
 const client = new ApolloClient({
-  uri: 'https://graphql.org/graphql/',
+  link: new HttpLink({
+    uri: 'https://graphql.org/graphql/',
+  }),
   cache: new InMemoryCache(),
 });
 

examples/vite/vite-react-mts/src/main.tsx

@@ -1,11 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { ApolloClient, ApolloProvider, InMemoryCache, useQuery } from '@apollo/client';
+import { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client';
+import { ApolloProvider, useQuery } from '@apollo/client/react';
 import Film from './Film';
 import { graphql } from './gql';
 
 const client = new ApolloClient({
-  uri: 'https://graphql.org/graphql/',
+  link: new HttpLink({
+    uri: 'https://graphql.org/graphql/',
+  }),
   cache: new InMemoryCache(),
 });
 

examples/vite/vite-react-ts/src/main.tsx

@@ -1,11 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { ApolloClient, ApolloProvider, InMemoryCache, useQuery } from '@apollo/client';
+import { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client';
+import { ApolloProvider, useQuery } from '@apollo/client/react';
 import Film from './Film';
 import { graphql } from './gql';
 
 const client = new ApolloClient({
-  uri: 'https://graphql.org/graphql/',
+  link: new HttpLink({
+    uri: 'https://graphql.org/graphql/',
+  }),
   cache: new InMemoryCache(),
 });
 

website/src/components/live-demo/examples.ts

@@ -63,7 +63,7 @@ const TS_QUERY = dedent(/* GraphQL */ `
 `);
 
 export const APP_TSX = `\
-import { useQuery } from '@apollo/client';
+import { useQuery } from '@apollo/client/react';
 
 import { graphql } from './gql/gql';