Add react hooks to CDN bundle (#2699)

patrick91 · web-flow · commit 3b642aa31b30 · 2022-08-25T09:58:13.000+02:00
diff --git a/.changeset/strange-mirrors-yell.md b/.changeset/strange-mirrors-yell.md
@@ -0,0 +1,5 @@
+---
+'graphiql': patch
+---
+
+Export hooks in CDN bundle
diff --git a/packages/graphiql/src/cdn.ts b/packages/graphiql/src/cdn.ts
@@ -14,9 +14,22 @@ import '@graphiql/react/dist/style.css';
 import './style.css';
 
 import { GraphiQL } from './components/GraphiQL';
+
+import {
+  useEditorContext,
+  useExecutionContext,
+  useSchemaContext,
+} from '@graphiql/react';
+
 // add the static function here for CDN only. otherwise, doing this in the component could
 // add unwanted dependencies to the bundle.
 // @ts-expect-error
 GraphiQL.createFetcher = createGraphiQLFetcher;
+// @ts-expect-error
+GraphiQL.useEditorContext = useEditorContext;
+// @ts-expect-error
+GraphiQL.useExecutionContext = useExecutionContext;
+// @ts-expect-error
+GraphiQL.useSchemaContext = useSchemaContext;
 
 export default GraphiQL;

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'graphiql': patch
 +---
++
 +Export hooks in CDN bundle