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 <en3m@ya.ru>

* remaining fix to use explorer import

* adjust changelog

---------

Co-authored-by: Dimitri POSTOLOV <en3m@ya.ru>

.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.

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;
 }

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"