changes the way the parser filters the array of definitions

src/react/parser/index.ts

@@ -51,24 +51,31 @@ export function parser(document: DocumentNode): IDocumentDefinition {
       `to convert your operation into a document`
   );
 
-  const fragments = document.definitions.filter(
-    (x: DefinitionNode) => x.kind === 'FragmentDefinition'
-  );
-
-  const queries = document.definitions.filter(
-    (x: DefinitionNode) =>
-      x.kind === 'OperationDefinition' && x.operation === 'query'
-  );
-
-  const mutations = document.definitions.filter(
-    (x: DefinitionNode) =>
-      x.kind === 'OperationDefinition' && x.operation === 'mutation'
-  );
-
-  const subscriptions = document.definitions.filter(
-    (x: DefinitionNode) =>
-      x.kind === 'OperationDefinition' && x.operation === 'subscription'
-  );
+  const fragments: DefinitionNode[] = []
+  const queries: DefinitionNode[] = []
+  const mutations: DefinitionNode[] = []
+  const subscriptions: DefinitionNode[] = []
+
+  for (const x of document.definitions) {
+    if (x.kind === 'FragmentDefinition') {
+      fragments.push(x);
+      continue
+    }
+
+    if (x.kind === 'OperationDefinition') {
+      switch (x.operation) {
+        case 'query':
+          queries.push(x);
+          break;
+        case 'mutation':
+          mutations.push(x);
+          break;
+        case 'subscription':
+          subscriptions.push(x);
+          break;
+      }
+    }
+  }
 
   invariant(
     !fragments.length ||