fix: JS middleware page (#357)

graphql-kit · Sep 9, 2023 · b534f73 · b534f73
1 parent 7a17faa
commit b534f73
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/middleware/render-voyager-page.ts b/src/middleware/render-voyager-page.ts
@@ -38,8 +38,8 @@ export default function renderVoyagerPage(options: MiddlewareOptions) {
     <h1 style="text-align: center; color: #5d7e86;"> Loading... </h1>
   </main>
   <script type="module">
-    window.addEventListener('load', function(event) {
-      const response = fetch('${endpointUrl}', {
+    window.addEventListener('load', async function(event) {
+      const response = await fetch('${endpointUrl}', {
         method: 'post',
         headers: Object.assign({}, {
           'Accept': 'application/json',
@@ -52,7 +52,7 @@ export default function renderVoyagerPage(options: MiddlewareOptions) {
       });
       const introspection = await response.json();
 
-      GraphQLVoyager.init(document.getElementById('voyager'), {
+      GraphQLVoyager.renderVoyager(document.getElementById('voyager'), {
         introspection,
         displayOptions: ${JSON.stringify(displayOptions)},
       });