Try using monaco-editor npm package instead of CDN

front/package.json

@@ -40,6 +40,7 @@
     "js-yaml": "^4.1.0",
     "lodash.debounce": "^4.0.8",
     "lodash.throttle": "^4.1.1",
+    "monaco-editor": "^0.37.1",
     "object-path-immutable": "^4.1.0",
     "pagedjs": "^0.4.0",
     "react": "^16.13.1",

front/src/components/Write/providers/monaco/BibtexEditor.jsx

@@ -1,7 +1,9 @@
 import React, { useCallback, useMemo } from 'react'
-import Editor from '@monaco-editor/react'
+import * as monaco from 'monaco-editor'
+import Editor, { loader } from '@monaco-editor/react'
 
 import styles from '../../../field.module.scss'
+loader.config({ monaco })
 
 // Taken from https://github.com/koka-lang/madoko/blob/master/styles/lang/bibtex.json
 import languageDefinition from './lang/bibtex.json'

front/src/components/Write/providers/monaco/DiffEditor.jsx

@@ -1,12 +1,13 @@
-import React, { useCallback, useEffect, useState } from 'react'
+import React, { useCallback, useEffect, useMemo, useState } from 'react'
 
 import CompareSelect from "./CompareSelect";
 import styles from "./DiffEditor.module.scss";
-import { DiffEditor } from '@monaco-editor/react'
+import * as monaco from 'monaco-editor'
+import { DiffEditor, loader } from '@monaco-editor/react'
 import { useGraphQL } from '../../../../helpers/graphQL'
 import { compareVersion as query } from '../../Write.graphql'
 import { defineFlippedDiffTheme } from './support'
-import { useMemo } from 'react';
+loader.config({ monaco })
 
 export default function MonacoDiffEditor ({ text, compareTo, articleId, selectedVersion, currentArticleVersion, readOnly, onTextUpdate }) {
   const [modifiedText, setModifiedText] = useState('')

front/src/components/Write/providers/monaco/TextEditor.jsx

@@ -1,10 +1,12 @@
 import React, { useRef, useEffect, useMemo, useCallback } from 'react'
 import { useSelector, shallowEqual } from 'react-redux'
 
-import Editor from '@monaco-editor/react'
+import * as monaco from 'monaco-editor'
+import Editor, { loader } from '@monaco-editor/react'
 import { registerBibliographyCompletion, registerReadOnlyTheme } from './support'
 
 import styles from './TextEditor.module.scss'
+loader.config({ monaco })
 
 export default function MonacoTextEditor ({ text, readOnly, onTextUpdate }) {
   const articleBibTeXEntries = useSelector(state => state.workingArticle.bibliography.entries, shallowEqual)

front/src/components/Write/providers/monaco/YamlEditor.jsx

@@ -1,7 +1,9 @@
 import { useMemo } from 'react'
-import Editor from '@monaco-editor/react'
+import * as monaco from 'monaco-editor'
+import Editor, { loader } from '@monaco-editor/react'
 
 import styles from './YamlEditor.module.scss'
+loader.config({ monaco })
 
 export default function MonacoYamlEditor ({ text, height, onTextUpdate, fontSize = 16 }) {
   const options = useMemo(() => ({