Merge pull request #42 from wp-graphql/fix/graphiql-get-requests-failing

fix: miniGraphiQL component GET requests have undefined query and variables
wp-graphql · Dec 20, 2023 · fcff559 · fcff559 · headless-platform-by-wp-engine · Dec 20, 2023
2 parents f4f99c7 + cb6e9e3
commit fcff559
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/components/MiniGraphiQL.jsx b/components/MiniGraphiQL.jsx
@@ -47,17 +47,22 @@ const MiniGraphiQLClient = ({ initialQuery, initialVariables, endpoint, readOnly
   const fetcher = createGraphiQLFetcher({
     url: endpoint,
     fetch: async (url, options) => {
-      // Construct query parameters
-      const params = new URLSearchParams({
-        query: options.body.query,
-        variables: JSON.stringify(options.body.variables),
-      });
+      const parsedBody = JSON.parse(options?.body);
+
+      const params = new URLSearchParams();
+      params.append('query', parsedBody.query);
+      if (options.body.variables) {
+        params.append('variables', JSON.stringify(parsedBody.variables));
+      }
+      const getUrl = `${url}&${params.toString()}`;
 
       // Make the GET request
-      return fetch(`${url}?${params.toString()}`, { 
+      const res = await fetch(getUrl, { 
         method: 'GET', 
-        headers: { 'Accept': 'application/json' } 
+        headers: options?.headers,
       });
+
+      return res;
     }
   });