Merge pull request #313 from FormidableLabs/311-fix-invariant

Fix invariant on schema explorer
urql-graphql · Sep 24, 2020 · 3e2ce5b · 3e2ce5b
2 parents 472075c + ea2c797
commit 3e2ce5b
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/src/panel/pages/request/components/Schema.tsx b/src/panel/pages/request/components/Schema.tsx
@@ -15,6 +15,19 @@ export const Schema: React.FC = () => {
   const [stack, setStack] = useState<GraphQLNamedType[]>([]);
   const { schema } = useContext(RequestContext);
 
+  const isActiveId = useCallback((id) => activeIds.includes(id), [activeIds]);
+
+  const handleHeaderClick = useCallback(
+    (id) => {
+      if (isActiveId(id)) {
+        setActiveIds((current) => current.filter((cur) => cur !== id));
+      } else {
+        setActiveIds((current) => [id, ...current]);
+      }
+    },
+    [setActiveIds, activeIds, isActiveId]
+  );
+
   if (schema === undefined) {
     return (
       <Wrapper>
@@ -34,19 +47,6 @@ export const Schema: React.FC = () => {
     );
   }
 
-  const isActiveId = useCallback((id) => activeIds.includes(id), [activeIds]);
-
-  const handleHeaderClick = useCallback(
-    (id) => {
-      if (isActiveId(id)) {
-        setActiveIds((current) => current.filter((cur) => cur !== id));
-      } else {
-        setActiveIds((current) => [id, ...current]);
-      }
-    },
-    [setActiveIds, activeIds, isActiveId]
-  );
-
   const schemaTypes = schema.getTypeMap();
 
   const setType = (type: GraphQLNamedType) => {