PackageTrack

npm · #4279

@monaco-editor/react

4.7.0suren-atoyan/monaco-react

Monaco Editor for React - use the monaco-editor in any React application without needing to use webpack (or rollup/parcel/etc) configuration files / plugins

Release timeline

106 releases since 2019
2020202120222023202420252026

Releases

  1. 4.8.0-rc.321 Nov 2025pre-release
    Release notes2 sources agree
    • package: update @monaco-editor/loader to the latest (v1.7.0)
    Open source →
  2. 4.8.0-rc.214 Oct 2025pre-release
    Release notes
    • package: update @monaco-editor/loader to the latest (v1.6.1)
    • vitest: remove resolve alias
    Open source →
  3. 4.8.0-rc.112 Oct 2025pre-release
    Release notes
    • PR: add missing #738
    Open source →
  4. 4.8.0-rc.012 Oct 2025pre-release
    Release notes2 sources agree
    • package: update @monaco-editor/loader to the latest (v1.6.0) version (this uses monaco-editor v0.54.0)
    • package: update all dependencies to the latest versions
    • playground: update all dependencies to the latest versions
    • PR: https://github.com/suren-atoyan/monaco-react/pull/752
    • PR: https://github.com/suren-atoyan/monaco-react/pull/738
    Open source →
  5. 4.7.013 Feb 2025
    Release notes
    • package: update @monaco-editor/loader to the latest (v1.5.0) version (this uses monaco-editor v0.52.2)
    • package: inherit all changes from v4.7.0-rc.0
    Open source →
    Additional notes
    • package: update @monaco-editor/loader to the latest (v1.5.0) version (this uses monaco-editor v0.52.2)
    • package: inherit all changes from v4.7.0-rc.0
    Open source →
  6. 4.7.0-rc.014 Dec 2024pre-release
    Release notes
    • package: add support for react/react-dom v19 as a peer dependency
    • playground: update playground's React version to 19
    Open source →
    Additional notes
    • package: add support for react/react-dom v19 as a peer dependency
    • playground: update playground's React version to 19
    Open source →
  7. 4.6.06 Oct 2023
    Release notes
    • Editor/DiffEditor: use 'use client' on top of Editor.tsx and DiffEditor.tsx
    • loader: update @monaco-editor/loader version (1.4.0)
    • playground: use createRoot for bootstrapping
    Open source →
    Additional notes
    Oct 6, 2023
    • Editor/DiffEditor: use 'use client' on top of Editor.tsx and DiffEditor.tsx
    • loader: update @monaco-editor/loader version (1.4.0)
    • playground: use createRoot for bootstrapping
    Open source →
  8. 4.5.223 Aug 2023
    Release notes
    • DiffEditor: apply updated on originalModelPath and modifiedModelPath before original and modified props
    Open source →
    Additional notes
    Aug 23, 2023
    • DiffEditor: apply updated on originalModelPath and modifiedModelPath before original and modified props
    Open source →
  9. 4.5.15 May 2023
    Release notes
    • DiffEditor: track originalModelPath and modifiedModelPath changes and get or create a new model accordingly
    • types: fix typo in comment
    • package: replace prepublish with prepublishOnly
    Open source →
    Additional notes
    May 5, 2023
    • DiffEditor: track originalModelPath and modifiedModelPath changes and get or create a new model accordingly
    • types: fix typo in comment
    • package: replace prepublish with prepublishOnly
    Open source →
  10. 4.5.07 Apr 2023
    Release notes
    • Editor: implement preventTriggerChangeEvent flag

    from 4.5.0-beta.0

    • DiffEditor: add preventCreation flag to diff editor
    • project: rewrite with TypeScript
    • project: implement prettier
    • loader: update @monaco-editor/loader version (1.3.2)
    Open source →
    Additional notes
    Apr 7, 2023
    • Editor: implement preventTriggerChangeEvent flag

    from 4.5.0-beta.0

    • DiffEditor: add preventCreation flag to diff editor
    • project: rewrite with TypeScript
    • project: implement prettier
    • loader: update @monaco-editor/loader version (1.3.2)
    Open source →
  11. 4.5.0-beta.02 Apr 2023pre-release
    Release notes
    • DiffEditor: add preventCreation flag to diff editor
    • project: rewrite with TypeScript
    • project: implement prettier
    • loader: update @monaco-editor/loader version (1.3.2)
    Open source →
    Additional notes
    Apr 2, 2023
    • DiffEditor: add preventCreation flag to diff editor
    • project: rewrite with TypeScript
    • project: implement prettier
    • loader: update @monaco-editor/loader version (1.3.2)
    Open source →
  12. 4.4.624 Sept 2022
    Release notes
    • fix onChange: unconditionally call onChange inside onDidChangeModelContent
    • add preventCreation flag
    • update lock files
    Open source →
    Additional notes
    Sep 24, 2022
    • fix onChange: unconditionally call onChange inside onDidChangeModelContent
    • add preventCreation flag
    • update lock files
    Open source →
  13. 4.4.511 May 2022
    Release notes
    • loader: update @monaco-editor/loader version (1.3.2)
    Open source →
    Additional notes
    May 11, 2022
    • loader: update @monaco-editor/loader version (1.3.2)
    Open source →
  14. 4.4.423 Apr 2022
    Release notes
    • package: fix npm prepublish step
    Open source →
    Additional notes
    Apr 23, 2022
    • package: fix npm prepublish step
    Open source →
  15. 4.4.323 Apr 2022
    Release notes
    • loader: update @monaco-editor/loader version (1.3.1)
    Open source →
    Additional notes
    Apr 23, 2022
    • loader: update @monaco-editor/loader version (1.3.1)
    Open source →
  16. 4.4.212 Apr 2022
    Release notes
    • package: support react/react-dom v18 as a peer dependency
    Open source →
    Additional notes
    Apr 12, 2022
    • package: support react/react-dom v18 as a peer dependency
    Open source →
  17. 4.4.128 Mar 2022
    Release notes
    • types: add missing type monaco in loader.config
    Open source →
    Additional notes
    Mar 29, 2022
    • types: add missing type monaco in loader.config
    Open source →
  18. 4.4.028 Mar 2022
    Release notes
    Open source →
    Additional notes
    Mar 28, 2022
    • loader: update @monaco-editor/loader version (1.3.0); using monaco from node_modules is supported
    • playground: update playground packages
    Open source →
  19. 4.3.13 Oct 2021
    Release notes
    • types: update types according to the new loader version and the new wrapperProps property
    Open source →
    Additional notes
    Oct 3, 2021
    • types: update types according to the new loader version and the new wrapperProps property
    Open source →
  20. 4.3.03 Oct 2021
    Release notes
    • Editor/DiffEditor: add wrapperProps property
    • DiffEditor: allow DiffEditor to use existing models
    • package.json: update @monaco-editor/loader version to v1.2.0 (monaco version 0.28.1)
    Open source →
    Additional notes
    Oct 3, 2021
    • Editor/DiffEditor: add wrapperProps property
    • DiffEditor: allow DiffEditor to use existing models
    • package.json: update @monaco-editor/loader version to v1.2.0 (monaco version 0.28.1)
    Open source →
  21. 4.2.29 Aug 2021
    Release notes
    • Editor: onValidate integrate onDidChangeMarkers (released in v0.22.0)
    • package.json: after onDidChangeMarkers integration state-local became redundant; remove it
    Open source →
    Additional notes
    Aug 9, 2021
    • Editor: onValidate integrate onDidChangeMarkers (released in v0.22.0)
    • package.json: after onDidChangeMarkers integration state-local became redundant; remove it
    Open source →
  22. 4.2.121 Jun 2021
    Release notes
    • loader: update @monaco-editor/loader package version to the latest one (v1.1.1)
    • monaco-editor: set monaco-editor peerDependency version to >= 0.25.0 < 1
    • tests: update snapshots
    Open source →
    Additional notes
    Jun 21, 2021
    • loader: update @monaco-editor/loader package version to the latest one (v1.1.1)
    • monaco-editor: set monaco-editor peerDependency version to >= 0.25.0 < 1
    • tests: update snapshots
    Open source →
  23. 4.2.012 Jun 2021
    Release notes
    • loader: update @monaco-editor/loader package version to the latest one (v1.1.0)
    • demo: update demo examples
    • tests: update snapshots
    Open source →
    Additional notes
    Jun 13, 2021
    • loader: update @monaco-editor/loader package version to the latest one (v1.1.0)
    • demo: update demo examples
    • tests: update snapshots
    Open source →
  24. 4.1.321 Apr 2021
    Release notes
    • types: add keepCurrentOriginalModel and keepCurrentModifiedModel to type definition
    Open source →
    Additional notes
    Apr 21, 2021
    • types: add keepCurrentOriginalModel and keepCurrentModifiedModel to type definition
    Open source →
  25. 4.1.219 Apr 2021
    Release notes
    • DiffEditor: add keepCurrentOriginalModel and keepCurrentModifiedModel properties; indicator whether to dispose the current original/modified model when the DiffEditor is unmounted or not
    • package.json: update monaco-editor peerDependency to the lates one (0.23.0)
    Open source →
    Additional notes
    Apr 19, 2021
    • DiffEditor: add keepCurrentOriginalModel and keepCurrentModifiedModel properties; indicator whether to dispose the current original/modified model when the DiffEditor is unmounted or not
    • package.json: update monaco-editor peerDependency to the lates one (0.23.0)
    Open source →
  26. 4.1.12 Apr 2021
    Release notes
    • DiffEditor: update DiffEditor's modified value by executeEdits
    • README: add an example for getting the values of DiffEditor
    Open source →
    Additional notes
    Apr 2, 2021
    • DiffEditor: update DiffEditor's modified value by executeEdits
    • README: add an example for getting the values of DiffEditor
    Open source →
  27. 4.1.018 Mar 2021
    Release notes
    • loader: update @monaco-editor/loader dependency to version 1.0.1
    • types: fix Theme type; vs-dark instead of dark
    Open source →
    Additional notes
    Mar 15, 2021
    • loader: update @monaco-editor/loader dependency to version 1.0.1
    • types: fix Theme type; vs-dark instead of dark
    Open source →
  28. 4.0.1127 Feb 2021
    Release notes
    • Editor: add an additional check in case if line is undefined
    Open source →
    Additional notes
    Feb 27, 2021
    • Editor: add an additional check in case if line is undefined
    Open source →
  29. 4.0.1016 Feb 2021
    Release notes
    • Editor: use revealLine for line update instead of setScrollPosition
    Open source →
    Additional notes
    Feb 16, 2021
    • Editor: use revealLine for line update instead of setScrollPosition
    Open source →
  30. 4.0.929 Jan 2021
    Release notes
    • Editor: save and restore current model view state, if keepCurrentModel is true
    Open source →
    Additional notes
    Jan 29, 2021
    • Editor: save and restore current model view state, if keepCurrentModel is true
    Open source →
  31. 4.0.829 Jan 2021
    Release notes

    4.0.8

    Jan 29, 2021
    • Editor: add keepCurrentModel property to the Editor component; indicator whether to dispose the current model when the Editor is unmounted or not

    4.0.7

    Jan 21, 2021
    • Editor: fire onValidate unconditionally, always, with the current model markers

    4.0.6

    Jan 19, 2021
    • DiffEditor: check if originalModelPath and modifiedModelPath exist in setModels function
    • DiffEditor: remove originalModelPath and modifiedModelPath from defaultProps
    Open source →
    Additional notes
    Jan 29, 2021
    • Editor: add keepCurrentModel property to the Editor component; indicator whether to dispose the current model when the Editor is unmounted or not
    Open source →
  32. 4.0.721 Jan 2021
    Release notes
    Jan 21, 2021
    • Editor: fire onValidate unconditionally, always, with the current model markers
    Open source →
  33. 4.0.619 Jan 2021
    Release notes
    Jan 19, 2021
    • DiffEditor: check if originalModelPath and modifiedModelPath exist in setModels function
    • DiffEditor: remove originalModelPath and modifiedModelPath from defaultProps
    Open source →
  34. 4.0.518 Jan 2021
    Release notes
    • utils: check if path exists in createModel utility function
    • Editor: remove defaultPath from defaultProps
    Open source →
    Additional notes
    Jan 19, 2021
    • utils: check if path exists in createModel utility function
    • Editor: remove defaultPath from defaultProps
    Open source →
  35. 4.0.418 Jan 2021
    Release notes

    v4.0.4

    • package.json: update husky pre-commit hook to remove lib folder

    v4.0.3

    • Editor: enable multi-model support
    • types: add path, defaultLanguage and saveViewState for multi-model support
    Open source →
    Additional notes
    Jan 18, 2021
    • package.json: update husky precommit hook to remove lib folder
    Open source →
  36. 4.0.318 Jan 2021
    Release notes
    Jan 18, 2021
    • Editor: enable multi-model support
    • types: add path, defaultLanguage and saveViewState for multi-model support
    Open source →
  37. 4.0.218 Jan 2021
    Release notes
    • types: declare and export useMonaco type
    Open source →
    Additional notes
    Jan 18, 2021
    • types: declare and export useMonaco type
    Open source →
  38. 4.0.117 Jan 2021
    Release notes
    • Editor: dispose the current model if the Editor component is unmounted
    Open source →
    Additional notes
    Jan 18, 2021
    • Editor: dispose the current model if the Editor component is unmounted
    Open source →
  39. 4.0.017 Jan 2021
    Release notes
    • package.json: update dependency (@monaco-editor/loader) version to - v1.0.0
    • hooks: create useMonaco hook
    • lib: export (named) useMonaco from the entry file
    • monaco: rename the main utility: monaco -> loader
    • Editor/Diff: rename editorDidMount to onMount
    • Editor/Diff: expose monaco instance from onMount as a second argument (first is the editor instance)
    • Editor/Diff: add beforeMount prop: function with a single argument -> monaco instance
    • Editor: add defaultModelPath prop, use it as a default model path
    • Editor: add defaultValue prop and use it during default model creation
    • Editor: add subscription (onChange prop) to listen default model content change
    • Editor: remove _isControlledMode prop
    • Diff: add originalModelPath and modifiedModelPath props, use them as model paths for original/modified models
    • ControlledEditor: remove; the Editor component, now, handles both controlled and uncontrolled modes
    • package.json: move prop-types to dependencies
    • types: fix types according to changed
    • Editor: add onValidate prop: an event emitted when the length of the model markers of the current model isn't 0
    Open source →
    Additional notes
    Jan 16, 2021
    • package.json: update dependency (@monaco-editor/loader) version to - v1.0.0
    • hooks: create useMonaco hook
    • lib: export (named) useMonaco from the entry file
    • monaco: rename the main utility: monaco -> loader
    • Editor/Diff: rename editorDidMount to onMount
    • Editor/Diff: expose monaco instance from onMount as a second argument (first is the editor instance)
    • Editor/Diff: add beforeMount prop: function with a single argument -> monaco instance
    • Editor: add defaultModelPath prop, use it as a default model path
    • Editor: add defaultValue prop and use it during default model creation
    • Editor: add subscription (onChange prop) to listen default model content change
    • Editor: remove _isControlledMode prop
    • Diff: add originalModelPath and modifiedModelPath props, use them as model paths for original/modified models
    • ControlledEditor: remove; the Editor component, now, handles both controlled and uncontrolled modes
    • package.json: move prop-types to dependencies
    • types: fix types according to changed
    • Editor: add onValidate prop: an event emitted when the length of the model markers of the current model isn't 0
    Open source →
  40. 4.0.0-rc.217 Jan 2021pre-release

    Nothing published for this version

  41. 3.8.38 Jan 2021
    Release notes
    • README: fix DiffEditor options prop type name
    • types: rename index.d.ts to types.d.ts
    Open source →
    Additional notes
    Jan 8, 2021
    • README: fix DiffEditor options prop type name
    • types: rename index.d.ts to types.d.ts
    Open source →
  42. 3.8.27 Jan 2021
    Release notes
    • package.json: add @monaco-editor/loader as a dependency
    • Editor/Diff Editor components: use @monaco-editor/loader instead of monaco utility
    • utilities: remove utilities that were being replaced by the @monaco-editor/loader
    • utilities: collect remaining utilities all in the entry file / add some new ones for the next version
    • config: remove config as it's already replaced by the @monaco-editor/loader
    • hooks: create usePrevious hook
    • cs: coding style fixes
    • build: use Rollup as a build system; now, we have bundles for cjs/es/umd
    Open source →
    Additional notes
    Jan 7, 2021
    • package.json: add @monaco-editor/loader as a dependency
    • Editor/Diff Editor components: use @monaco-editor/loader instead of monaco utility
    • utilities: remove utilities that were being replaced by the @monaco-editor/loader
    • utilities: collect remaining utilities all in the entry file / add some new ones for the next version
    • config: remove config as it's already replaced by the @monaco-editor/loader
    • hooks: create usePrevious hook
    • cs: coding style fixes
    • build: use Rollup as a build system; now, we have bundles for cjs/es/umd
    Open source →
  43. 3.8.17 Jan 2021

    Nothing published for this version

  44. 3.8.07 Jan 2021

    Nothing published for this version

  45. 3.7.53 Jan 2021
    Release notes
    • utilities (monaco): fix state-local import
    Open source →
    Additional notes
    Jan 3, 2021
    • utilities (monaco): fix state-local import
    Open source →
  46. 3.7.416 Dec 2020
    Release notes
    • Editor/Diff Editor components: fix componentDidMount call order
    • src: (minor) some corrections according to coding style
    Open source →
    Additional notes
    Dec 16, 2020
    • Editor/Diff Editor components: fix componentDidMount call order
    • src: (minor) some corrections according to coding style
    Open source →
  47. 3.7.315 Dec 2020
    Release notes
    • Editor component: set forceMoveMarkers true in executeEdits
    Open source →
    Additional notes
    Dec 15, 2020
    • Editor component: set forceMoveMarkers true in executeEdits
    Open source →
  48. 3.7.25 Dec 2020
    Release notes
    • package: add react/react-dom 17 version as a peer dependency
    Open source →
    Additional notes
    Dec 5, 2020
    • package: add react/react-dom 17 version as a peer dependency
    Open source →
  49. 3.7.129 Nov 2020
    Release notes

    -editor: fix - remove unnecessary value set before language update

    Open source →
    Additional notes
    Nov 29, 2020
    • editor: fix - remove unnecessary value set before language update
    Open source →
  50. 3.7.011 Nov 2020
    Release notes
    • monaco: update monaco version to 0.21.2
    Open source →
    Additional notes
    Nov 11, 2020
    • monaco: update monaco version to 0.21.2
    Open source →
  51. 3.6.322 Sept 2020
    Release notes
    • types: add missing props; className and wrapperClassName
    Open source →
    Additional notes
    Sep 22, 2020
    • types: add missing props; className and wrapperClassName
    Open source →
  52. 3.6.219 Aug 2020
    Release notes
    • eslint: update eslint rules: add 'eslint:recommended' and 'no-unused-vars' -> 'error'
    • src: refactor according to new eslint rules
    • package.json: update github username, add author email
    Open source →
    Additional notes
    Aug 19, 2020
    • eslint: update eslint rules: add 'eslint:recommended' and 'no-unused-vars' -> 'error'
    • src: refactor according to new eslint rules
    • package.json: update github username, add author email
    Open source →
  53. 3.6.118 Aug 2020
    Release notes
    • ControlledEditor: fix onChange handler issue; dispose prev listener and attach a new one for every new onChange
    • ControlledEditor: do not trigger onChange in programmatic changes
    • ControlledEditor: store current value in ref instead of making it a dependency of handleEditorModelChange
    Open source →
    Additional notes
    Aug 18, 2020
    • ControlledEditor: store current value in ref instead of making it a dependency of handleEditorModelChange
    Open source →
  54. 3.6.018 Aug 2020
    Release notes
    Aug 18, 2020
    • ControlledEditor: fix onChange handler issue; dispose prev listener and attach a new one for every new onChange
    • ControlledEditor: do not trigger onChange in programmatic changes
    Open source →
  55. 3.5.79 Aug 2020
    Release notes
    Aug 9, 2020
    • utilities (monaco): remove intermediate function for injecting scripts
    Open source →
  56. 3.5.66 Aug 2020
    Release notes
    Aug 6, 2020
    • dependencies: add state-local as a dependency (replace with local-state util)
    Open source →
  57. 3.5.52 Aug 2020
    Release notes
    Aug 3, 2020
    • dependencies: move @babel/runtime from peer dependencies to dependencies
    Open source →
  58. 3.5.42 Aug 2020
    Release notes
    Aug 3, 2020
    • dependencies: add @babel/runtime as a peer dependency
    Open source →
  59. 3.5.32 Aug 2020
    Release notes
    • babel: update babel version (v.7.11.0) / activate helpers (decrease bundle size)
    • hooks: move out hooks from utils to root
    • utilities: remove utils/store to utils/local-state
    Open source →
    Additional notes
    Aug 3, 2020
    • babel: update babel version (v.7.11.0) / activate helpers (decrease bundle size)
    • hooks: move out hooks from utils to root
    • utilities: remove utils/store to utils/local-state
    Open source →
  60. 3.5.22 Aug 2020
    Release notes
    Aug 2, 2020
    • utilities: redesign store utility
    Open source →