fix(gate): fix react version and pin graphiql

luckasRanarison · luckasRanarison · commit 6fb8ccf45d69 · 2025-05-07T17:24:36.000+03:00
diff --git a/src/typegate/src/services/playground_service.ts b/src/typegate/src/services/playground_service.ts
@@ -20,9 +20,9 @@ export const handlePlaygroundGraphQL = (
       <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
-        <script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
-        <link rel="stylesheet" href="https://unpkg.com/graphiql/graphiql.min.css" />
+        <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
+        <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+        <link rel="stylesheet" href="https://unpkg.com/graphiql@4/graphiql.min.css" />
         <style>
           body {
             margin: 0;
@@ -76,7 +76,7 @@ export const handlePlaygroundGraphQL = (
       <body>
         <div id="graphiql">Loading...</div>
         <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
-        <script src="https://unpkg.com/graphiql/graphiql.min.js" type="application/javascript"></script>
+        <script src="https://unpkg.com/graphiql@4/graphiql.min.js" type="application/javascript"></script>
         <script data-plugins="transform-es2015-modules-umd" type="text/babel">
           const fetcher = GraphiQL.createFetcher({
             url: "${url}"
