Instantiate isHeadersEditorEnabled early

patrick91 · acao · commit 3acacf5b9004 · 2022-08-25T09:57:09.000+02:00
diff --git a/.changeset/wise-pans-hear.md b/.changeset/wise-pans-hear.md
@@ -0,0 +1,5 @@
+---
+'graphiql': patch
+---
+
+Fix cannot access `initialHeaders` before initialization
diff --git a/packages/graphiql/src/components/GraphiQL.tsx b/packages/graphiql/src/components/GraphiQL.tsx
@@ -195,6 +195,8 @@ export type GraphiQLInterfaceProps = WriteableEditorProps &
   };
 
 export function GraphiQLInterface(props: GraphiQLInterfaceProps) {
+  const isHeadersEditorEnabled = props.isHeadersEditorEnabled ?? true;
+
   const editorContext = useEditorContext({ nonNull: true });
   const executionContext = useExecutionContext({ nonNull: true });
   const schemaContext = useSchemaContext({ nonNull: true });
@@ -305,8 +307,6 @@ export function GraphiQLInterface(props: GraphiQLInterfaceProps) {
     isChildComponentType(child, GraphiQL.Footer),
   );
 
-  const isHeadersEditorEnabled = props.isHeadersEditorEnabled ?? true;
-
   const onClickReference = () => {
     if (pluginResize.hiddenElement === 'first') {
       pluginResize.setHiddenElement(null);

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'graphiql': patch
 +---
++
 +Fix cannot access `initialHeaders` before initialization