monaco-graphql: fix monaco-editor peer dependency version range (#4133)

fix #4132 (comment)

Author: dimaMachina

.changeset/sixty-zebras-peel.md

@@ -0,0 +1,6 @@
+---
+"monaco-graphql": patch
+"@graphiql/react": patch
+---
+
+to fix esm.sh example we should pin `monaco-editor` peer dependency to versions `≥ 0.20.0 and < 0.53`, since `monaco-editor@^0.53.0` isn't supported yet with `monaco-graphql`

packages/graphiql-react/src/env.d.ts

@@ -20,3 +20,10 @@ declare module 'monaco-editor/esm/vs/base/common/uri.js' {
 declare module 'monaco-editor/esm/vs/editor/common/core/range.js' {
   export { Range } from 'monaco-graphql/esm/monaco-editor';
 }
+
+declare module 'https://esm.sh/monaco-graphql/esm/graphql.worker.js?worker&[email protected]' {
+  type WorkerCtor = typeof import('*?worker').default; // reuse type from vite/client
+
+  const workerConstructor: WorkerCtor;
+  export default workerConstructor;
+}

packages/graphiql-react/src/setup-workers/esm.sh.ts

@@ -1,6 +1,6 @@
 /* eslint-disable import-x/no-unresolved */
 import JsonWorker from 'https://esm.sh/[email protected]/esm/vs/language/json/json.worker.js?worker';
-import GraphQLWorker from 'https://esm.sh/monaco-graphql/esm/graphql.worker.js?worker';
+import GraphQLWorker from 'https://esm.sh/monaco-graphql/esm/graphql.worker.js?worker&[email protected]';
 import EditorWorker from 'https://esm.sh/[email protected]/esm/vs/editor/editor.worker.js?worker';
 
 globalThis.MonacoEnvironment = {

packages/monaco-graphql/package.json

@@ -78,7 +78,7 @@
   },
   "peerDependencies": {
     "graphql": "^15.5.0 || ^16.0.0 || ^17.0.0",
-    "monaco-editor": ">= 0.20.0 < 1",
+    "monaco-editor": ">= 0.20.0 < 0.53",
     "prettier": "^2.8.0 || ^3.0.0"
   }
 }

yarn.lock

@@ -19377,7 +19377,7 @@ __metadata:
     vscode-languageserver-types: "npm:^3.17.1"
   peerDependencies:
     graphql: ^15.5.0 || ^16.0.0 || ^17.0.0
-    monaco-editor: ">= 0.20.0 < 1"
+    monaco-editor: ">= 0.20.0 < 0.53"
     prettier: ^2.8.0 || ^3.0.0
   languageName: unknown
   linkType: soft