Fix: Schema validation for Adaptive cards (#2062)

microsoftgraph · Aug 30, 2022 · 6a3e744 · 6a3e744
1 parent a0281f7
commit 6a3e744
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/src/app/views/common/monaco/Monaco.tsx b/src/app/views/common/monaco/Monaco.tsx
@@ -1,6 +1,6 @@
 import { FocusZone } from '@fluentui/react';
-import Editor, { OnChange } from '@monaco-editor/react';
-import React from 'react';
+import Editor, { OnChange, useMonaco } from '@monaco-editor/react';
+import React, { useEffect } from 'react';
 
 import { ThemeContext } from '../../../../themes/theme-context';
 import './monaco.scss';
@@ -26,6 +26,19 @@ export function Monaco(props: IMonaco) {
   }
   const itemHeight = height ? height : '300px';
 
+  const monaco = useMonaco();
+  useEffect(() => {
+    if (monaco) {
+      monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
+        validate: true,
+        allowComments: false,
+        schemas: [],
+        enableSchemaRequest: true,
+        schemaRequest: 'ignore'
+      });
+    }
+  }, [monaco]);
+
   return (
     <FocusZone disabled={props.extraInfoElement ? false : true}>
       <div className='monaco-editor'>