update devDependencies to React 19, adjust tests and examples (#400)

examples/app-dir-experiments/package.json

@@ -15,17 +15,17 @@
     "@apollo/server": "^4.9.5",
     "@as-integrations/next": "^3.0.0",
     "@types/node": "20.12.11",
-    "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "client-only": "^0.0.1",
     "encoding": "^0.1.13",
     "eslint": "8.36.0",
     "eslint-config-next": "13.2.4",
     "graphql": "^16.6.0",
     "html-differ": "^1.4.0",
     "next": "^15.0.0",
-    "react": "18.3.0",
-    "react-dom": "18.3.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "server-only": "^0.0.1",
     "typescript": "5.4.5"
   }

examples/hack-the-supergraph-ssr/package.json

@@ -13,23 +13,23 @@
     "@apollo/client": "3.10.4",
     "@apollo/experimental-nextjs-app-support": "workspace:^",
     "@apollo/space-kit": "^9.11.0",
-    "@chakra-ui/next-js": "^2.1.2",
+    "@chakra-ui/next-js": "2.4.2",
     "@chakra-ui/react": "^2.5.5",
     "@emotion/cache": "^11.11.0",
     "@emotion/core": "^11.0.0",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
     "@types/node": "20.12.11",
-    "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "eslint": "8.38.0",
     "eslint-config-next": "13.3.0",
     "framer-motion": "^10.12.2",
     "graphql": "^16.6.0",
     "js-cookie": "^3.0.1",
     "next": "^15.0.0",
-    "react": "18.3.0",
-    "react-dom": "18.3.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-icons": "^4.8.0",
     "react-rating-stars-component": "^2.2.0",
     "typescript": "5.4.5"

examples/polls-demo/package.json

@@ -26,8 +26,8 @@
     "graphql-tag": "^2.12.6",
     "next": "^15.0.0",
     "postcss": "8.4.23",
-    "react": "18.3.0",
-    "react-dom": "18.3.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "tailwindcss": "3.3.2",
     "typescript": "5.4.5"
   },
@@ -38,7 +38,7 @@
     "@graphql-codegen/typed-document-node": "^4.0.1",
     "@graphql-codegen/typescript": "3.0.4",
     "@graphql-codegen/typescript-resolvers": "3.2.1",
-    "@types/react": "18.3.3",
-    "@types/react-dom": "19.0.0-alpha.3"
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0"
   }
 }

integration-test/experimental-react/package.json

@@ -26,8 +26,8 @@
   "devDependencies": {
     "@playwright/test": "^1.39.0",
     "@tsconfig/vite-react": "^3.0.0",
-    "@types/react": "^18.2.55",
-    "@types/react-dom": "^18.2.18",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^4.2.1",
     "cross-env": "^7.0.3",
     "prettier": "^3.2.5",

integration-test/jest/package.json

@@ -9,15 +9,15 @@
     "@apollo/experimental-nextjs-app-support": "workspace:*",
     "@graphql-tools/schema": "^10.0.3",
     "graphql-tag": "^2.12.6",
-    "react": "18.3.0",
-    "react-dom": "18.3.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
     "@babel/preset-env": "^7.24.0",
     "@babel/preset-react": "^7.23.3",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.1",
+    "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
     "babel-jest": "^29.7.0",
     "jest": "^29.7.0",

integration-test/jest/src/App.jsx

@@ -17,7 +17,7 @@ const delayLink = new ApolloLink((operation, forward) => {
   return new Observable((observer) => {
     const handle = setTimeout(() => {
       forward(operation).subscribe(observer);
-    }, 20);
+    }, 100);
 
     return () => {
       clearTimeout(handle);

integration-test/jest/src/App.test.jsx

@@ -1,4 +1,4 @@
-import { render, screen } from "@testing-library/react";
+import { render, screen, act } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import "@testing-library/jest-dom";
 
@@ -8,7 +8,7 @@ import { resetApolloClientSingletons } from "@apollo/experimental-nextjs-app-sup
 afterEach(resetApolloClientSingletons);
 
 test("loads data", async () => {
-  render(<App />);
+  await act(async () => render(<App />));
 
   expect(screen.getByText("Loading...")).toBeInTheDocument();
   expect(
@@ -18,7 +18,7 @@ test("loads data", async () => {
 });
 
 test("is interactive", async () => {
-  render(<App />);
+  await act(async () => render(<App />));
 
   const counter = await screen.findByTestId("counter");
   expect(counter.textContent).toBe("0");

integration-test/nextjs/package.json

@@ -16,13 +16,13 @@
     "@as-integrations/next": "^3.2.0",
     "@graphql-tools/schema": "^10.0.0",
     "@types/node": "20.3.1",
-    "@types/react": "18.3.0",
-    "@types/react-dom": "18.3.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "graphql": "^16.7.1",
     "graphql-tag": "^2.12.6",
     "next": "^15.0.3",
-    "react": "18.3.0",
-    "react-dom": "18.3.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-error-boundary": "^4.0.13",
     "ssr-only-secrets": "^0.0.5",
     "typescript": "5.1.3"

integration-test/vite-streaming/package.json

@@ -19,15 +19,15 @@
     "express": "^4.18.2",
     "graphql": "^16.8.1",
     "graphql-tag": "^2.12.6",
-    "react": "19.0.0-beta-94eed63c49-20240425",
-    "react-dom": "19.0.0-beta-94eed63c49-20240425",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "sirv": "^2.0.4"
   },
   "devDependencies": {
     "@playwright/test": "^1.39.0",
     "@tsconfig/vite-react": "^3.0.0",
-    "@types/react": "npm:types-react@19.0.0-alpha.3",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-alpha.3",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^4.2.1",
     "cross-env": "^7.0.3",
     "prettier": "^3.2.5",

integration-test/vitest/package.json

@@ -8,12 +8,12 @@
     "@apollo/experimental-nextjs-app-support": "*",
     "@graphql-tools/schema": "^10.0.3",
     "graphql-tag": "^2.12.6",
-    "react": "18.3.0",
-    "react-dom": "18.3.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.1",
+    "@testing-library/react": "^16.1.0",
     "@vitejs/plugin-react": "^4.2.1",
     "vitest": "^1.3.1"
   }