graphql
diff --git a/‎examples/graphiql-create-react-app/CHANGELOG.md
-68 b/‎examples/graphiql-create-react-app/CHANGELOG.md
-68
diff --git a/‎examples/graphiql-create-react-app/package.json
+5-6 b/‎examples/graphiql-create-react-app/package.json
+5-6
diff --git a/‎examples/graphiql-create-react-app/public/index.html
+1-2 b/‎examples/graphiql-create-react-app/public/index.html
+1-2
diff --git a/‎examples/graphiql-create-react-app/src/App.tsx renamed to ‎examples/graphiql-create-react-app/src/App.jsx
+4-6 b/‎examples/graphiql-create-react-app/src/App.tsx renamed to ‎examples/graphiql-create-react-app/src/App.jsx
+4-6
diff --git a/‎examples/graphiql-create-react-app/src/index.css
+1-3 b/‎examples/graphiql-create-react-app/src/index.css
+1-3
diff --git a/‎examples/graphiql-create-react-app/src/index.tsx renamed to ‎examples/graphiql-create-react-app/src/index.jsx
+1-2 b/‎examples/graphiql-create-react-app/src/index.tsx renamed to ‎examples/graphiql-create-react-app/src/index.jsx
+1-2
diff --git a/‎examples/graphiql-create-react-app/src/react-app-env.d.ts
-1 b/‎examples/graphiql-create-react-app/src/react-app-env.d.ts
-1
diff --git a/‎examples/graphiql-create-react-app/tsconfig.json
-19 b/‎examples/graphiql-create-react-app/tsconfig.json
-19
@@ -3,10 +3,10 @@
   "version": "0.0.0",
   "private": true,
   "dependencies": {
-    "graphiql": "^2.2.0",
-    "graphql": "^16.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "graphiql": "^3.4.0",
+    "graphql": "^16.9.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-scripts": "5.0.1"
   },
   "scripts": {
@@ -26,7 +26,6 @@
     ]
   },
   "devDependencies": {
-    "eslint-config-react-app": "^5.2.1",
-    "worker-loader": "^2.0.0"
+    "eslint-config-react-app": "^7.0.1"
   }
 }
@@ -6,12 +6,11 @@
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
-    <meta name="theme-color" content="#000000" />
+    <meta name="theme-color" content="#000" />
     <meta
       name="description"
       content="GraphiQL example created using create-react-app"
     />
-
     <title>GraphiQL create-react-app Example</title>
   </head>
   <body>
 
@@ -1,10 +1,8 @@
-import React from 'react';
 import { GraphiQL } from 'graphiql';
-import type { Fetcher } from '@graphiql/toolkit';
-import 'graphiql/graphiql.min.css';
+import 'graphiql/graphiql.css';
 
-const fetcher: Fetcher = async graphQLParams => {
-  const data = await fetch(
+const fetcher = async graphQLParams => {
+  const response = await fetch(
     'https://swapi-graphql.netlify.app/.netlify/functions/index',
     {
       method: 'POST',
@@ -16,7 +14,7 @@ const fetcher: Fetcher = async graphQLParams => {
       credentials: 'same-origin',
     },
   );
-  return data.json().catch(() => data.text());
+  return response.json();
 };
 
 const App = () => <GraphiQL fetcher={fetcher} />;
 
@@ -1,8 +1,6 @@
 body {
-  padding: 0;
   margin: 0;
-  min-height: 100vh;
 }
 #root {
-  height: 100vh;
+  height: 100dvh;
 }
@@ -1,7 +1,6 @@
-import React from 'react';
 import { createRoot } from 'react-dom/client';
 import App from './App';
 import './index.css';
 
-const root = createRoot(document.getElementById('root')!);
+const root = createRoot(document.getElementById('root'));
 root.render(<App />);
Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,6 @@`
`1`	`1`	`body {`
`2`		`- padding: 0;`
`3`	`2`	`margin: 0;`
`4`		`- min-height: 100vh;`
`5`	`3`	`}`
`6`	`4`	`#root {`
`7`		`- height: 100vh;`
	`5`	`+ height: 100dvh;`
`8`	`6`	`}`