Fix monaco-editor/react (#2692)

* Fix `monaco-editor/react` * chore(dependencies): updated changesets for modified dependencies --------- Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
kamilkisiela · Feb 21, 2024 · dd6c72e · dd6c72e
1 parent 9f34cdd
commit dd6c72e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 15 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/website/package.json b/website/package.json
@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "@graphql-inspector/core": "../packages/core/dist",
-    "@monaco-editor/react": "^4.6.0",
+    "@monaco-editor/react": "4.6.0",
     "@theguild/components": "^6.0.1",
     "next": "^13.5.4",
     "react": "^18.2.0",

diff --git a/website/src/components/diff/index.tsx b/website/src/components/diff/index.tsx
@@ -2,7 +2,7 @@ import { ReactElement, useCallback, useEffect, useState } from 'react';
 import { buildSchema } from 'graphql';
 import FlipMove from 'react-flip-move';
 import { Change, diff } from '@graphql-inspector/core';
-import { DiffEditor, OnMount } from '@monaco-editor/react';
+import { DiffEditor, DiffOnMount } from '@monaco-editor/react';
 import ChangeComponent from './change';
 
 const OLD_SCHEMA = /* GraphQL */ `
@@ -49,8 +49,8 @@ export const Diff = (): ReactElement => {
     run();
   }, [code]);
 
-  const onMount: OnMount = useCallback(value => {
-    const editor = value.getModifiedEditor();
+  const onDiffOnMount: DiffOnMount = useCallback(diffEditor => {
+    const editor = diffEditor.getModifiedEditor();
     editor.onKeyUp(() => {
       setCode(editor.getValue());
     });
@@ -65,11 +65,10 @@ export const Diff = (): ReactElement => {
           theme="vs-dark"
           original={OLD_SCHEMA}
           modified={code}
-          onMount={onMount}
+          onMount={onDiffOnMount}
           options={{
             codeLens: false,
             lineNumbers: 'off',
-            minimap: false,
             originalEditable: false,
           }}
         />