graphiql: avoid using dynamic default import

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

.changeset/late-dolphins-leave.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-graphiql': patch
+---
+
+Minor internal tweak to lazy loading in order to improve module compatibility.

plugins/graphiql/src/components/GraphiQLBrowser/GraphiQLBrowser.tsx

@@ -22,7 +22,9 @@ import { GraphQLEndpoint } from '../../lib/api';
 import { BackstageTheme } from '@backstage/theme';
 import { Progress } from '@backstage/core-components';
 
-const GraphiQL = React.lazy(() => import('graphiql'));
+const GraphiQL = React.lazy(() =>
+  import('graphiql').then(m => ({ default: m.GraphiQL })),
+);
 
 const useStyles = makeStyles<BackstageTheme>(theme => ({
   root: {