fix: client side validation for router playground (wundergraph#976)

pott-101 · Jul 30, 2024 · 9a276d8 · 9a276d8
1 parent fd4ca77
commit 9a276d8
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 22 deletions.
diff --git a/playground/src/App.tsx b/playground/src/App.tsx
@@ -238,24 +238,21 @@ export default function App() {
     setIsMounted(true);
   }, [isMounted]);
 
-  useEffect(() => {
-    const getSchema = async () => {
-      const res = await fetch(url, {
-        body: JSON.stringify({
-          operationName: 'IntrospectionQuery',
-          query: getIntrospectionQuery(),
-        }),
-        method: 'POST',
-      });
-      setSchema(buildClientSchema((await res.json()).data));
-    };
-
-    if (schema) {
-      return;
-    }
+  const getSchema = async () => {
+    const res = await fetch(url, {
+      body: JSON.stringify({
+        operationName: 'IntrospectionQuery',
+        query: getIntrospectionQuery(),
+      }),
+      method: 'POST',
+      headers: JSON.parse(headers),
+    });
+    setSchema(buildClientSchema((await res.json()).data));
+  };
 
+  useEffect(() => {
     getSchema();
-  }, []);
+  }, [headers]);
 
   const fetcher = useMemo(() => {
     const onFetch = (response: any) => {

diff --git a/router/internal/graphiql/graphiql.html b/router/internal/graphiql/graphiql.html