fix: graphiql enable schema description, default headers

.changeset/nice-shirts-beam.md

@@ -0,0 +1,5 @@
+---
+'@graphql-yoga/graphiql': patch
+---
+
+- fix: enable graphiql schema description, default headers prop

packages/graphiql/src/YogaGraphiQL.tsx

@@ -113,7 +113,6 @@ export function YogaGraphiQL(props: YogaGraphiQLProps): React.ReactElement {
       credentials: 'same-origin',
       specifiedByUrl: true,
       directiveIsRepeatable: true,
-      schemaDescription: true,
       ...props,
       headers: props.additionalHeaders || {},
     })
@@ -152,6 +151,8 @@ export function YogaGraphiQL(props: YogaGraphiQLProps): React.ReactElement {
       <GraphiQLProvider
         plugins={[explorerPlugin]}
         query={query}
+        headers={props.headers}
+        schemaDescription={true}
         fetcher={fetcher}
       >
         <GraphiQLInterface

packages/graphql-yoga/src/plugins/useGraphiQL.ts

@@ -20,6 +20,8 @@ export type GraphiQLOptions = {
   defaultVariableEditorOpen?: boolean
   /**
    * The initial headers to render inside the header editor. Defaults to `"{}"`.
+   * The value should be a JSON encoded string, for example:
+   * `headers: JSON.stringify({Authorization: "Bearer your-auth-key"})`
    */
   headers?: string
   /**
@@ -31,7 +33,7 @@ export type GraphiQLOptions = {
    */
   headerEditorEnabled?: boolean
   /**
-   * The title to display at the top of the page. Defaults to `"YogaGraphiQL"`.
+   * The title to display at the top of the page. Defaults to `"Yoga GraphiQL"`.
    */
   title?: string
   /**