fix(graphiql-plugin-explorer): Use named Explorer import from `grap…

…hiql-explorer` (#3319) * fix(graphiql-plugin-explorer): Use preferDefault helper * Create shaggy-eyes-melt.md * Update packages/graphiql-plugin-explorer/src/index.tsx Co-authored-by: Dimitri POSTOLOV <[email protected]> * remaining fix to use explorer import * adjust changelog --------- Co-authored-by: Dimitri POSTOLOV <[email protected]>
graphql · Jul 4, 2023 · 2f51b1a · 2f51b1a
1 parent 2f15e20
commit 2f51b1a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/shaggy-eyes-melt.md b/.changeset/shaggy-eyes-melt.md
@@ -0,0 +1,5 @@
+---
+"@graphiql/plugin-explorer": patch
+---
+
+Use named `Explorer` import from `graphiql-explorer` to fix an issue where the bundler didn't correctly choose either the `default` or `Explorer` import. This change should ensure that `@graphiql/plugin-explorer` works correctly without `graphiql-explorer` being bundled.
diff --git a/packages/graphiql-plugin-explorer/src/graphiql-explorer.d.ts b/packages/graphiql-plugin-explorer/src/graphiql-explorer.d.ts
@@ -61,5 +61,7 @@ declare module 'graphiql-explorer' {
     defaultValue: (arg: GraphQLLeafType) => ValueNode;
   };
 
+  export { GraphiQLExplorer as Explorer };
+
   export default GraphiQLExplorer;
 }
diff --git a/packages/graphiql-plugin-explorer/src/index.tsx b/packages/graphiql-plugin-explorer/src/index.tsx
@@ -4,7 +4,10 @@ import {
   useExecutionContext,
   useSchemaContext,
 } from '@graphiql/react';
-import GraphiQLExplorer, { GraphiQLExplorerProps } from 'graphiql-explorer';
+import {
+  Explorer as GraphiQLExplorer,
+  GraphiQLExplorerProps,
+} from 'graphiql-explorer';
 import React, { useCallback, useRef } from 'react';
 
 import './graphiql-explorer.d.ts';
@@ -71,6 +74,7 @@ const checkboxUnchecked = (
     <circle cx="7.5" cy="7.5" r="6" stroke="currentColor" fill="none" />
   </svg>
 );
+
 const checkboxChecked = (
   <svg
     viewBox="0 0 15 15"