# How to upgrade "@codemirror/" past 0.19?
**URL:** https://discuss.codemirror.net/t/how-to-upgrade-codemirror-past-0-19/5010
**Category:** v6
**Created:** [September 15, 2022, 8:23am UTC](https://discuss.codemirror.net/t/how-to-upgrade-codemirror-past-0-19/5010 "2022-09-15T08:23:54Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@Danon](https://discuss.codemirror.net/u/Danon)
#### Post date: [September 15, 2022, 8:23am UTC](https://discuss.codemirror.net/t/how-to-upgrade-codemirror-past-0-19/5010/1 "2022-09-15T08:23:54Z")
I have such dependencies in `package.json`:
```auto
"dependencies": {
"@codemirror/autocomplete": "^0.19.15",
"@codemirror/commands": "^0.19.8",
"@codemirror/highlight": "^0.19.8",
"@codemirror/history": "0.19.1",
"@codemirror/lang-markdown": "0.19.6",
"@codemirror/language": "^0.19.7",
"@codemirror/rangeset": "^0.19.9",
"@codemirror/state": "^0.19.9",
"@codemirror/view": "^0.19.48",
"@lezer/markdown": "0.15.6"
},
```
It works fine. I tried to update the code mirror to `0.20`, following this guide: [Release 0.20.0](https://discuss.codemirror.net/t/release-0-20-0/4302) and currently I have these:
```auto
"dependencies": {
"@codemirror/autocomplete": "^0.20.0",
"@codemirror/commands": "^0.20.0",
"@codemirror/language": "^0.20.0",
"@codemirror/lang-markdown": "^0.20.0",
"@codemirror/state": "^0.20.0",
"@codemirror/view": "^0.20.0",
"@lezer/highlight": "^0.16.0",
"@lezer/markdown": "^0.16.0"
},
```
I don’t know why, but not my markdown parser doesn’t work.
A use this as an markdown extension into the `EditorState`:
```auto
import {defineLanguageFacet, Language} from '@codemirror/language';
import {commonmarkLanguage, markdown} from '@codemirror/lang-markdown';
import {Strikethrough, Table} from '@lezer/markdown';
import {styleTags, Tag, tags} from '@lezer/highlight';
import {Keyboard} from '../decoration/keyboard.js';
import {UserMention} from '../decoration/mention.js';
import {Subpage} from "../decoration/subpage.js";
import {matchingBracketInput} from "./matchingBrackets.js";
export const subpageTag = Tag.define(tags.meta);
export const keyboardTag = Tag.define(tags.meta);
export const keyboardKeyTag = Tag.define(tags.meta);
export const userMentionTag = Tag.define(tags.meta);
export const horizontalRuleTag = Tag.define(tags.meta);
function language(parser) {
const facet = defineLanguageFacet({block: {open: ""}});
const documentType = parser.nodeSet.types.find(type => type.name === "Document");
return new Language(facet, parser, documentType);
}
const elements = [Table, UserMention, Keyboard, Subpage, Strikethrough];
const styles = {
"TableHeader/...": tags.heading,
'UserMention': userMentionTag,
'Keyboard': keyboardTag,
'KeyboardKey': keyboardKeyTag,
'Subpage': subpageTag,
"Strikethrough/...": tags.strikethrough,
'HorizontalRule': horizontalRuleTag,
};
const flavouredParser = commonmarkLanguage.parser.configure([...elements, {props: [styleTags(styles)]}]);
const flavouredMarkdownLanguage = language(flavouredParser);
export default [
markdown({
base: flavouredMarkdownLanguage,
codeLanguages: [],
addKeymap: false
}),
matchingBracketInput
];
```
And I think parsing just doesn’t happen. When I iterate the node tree, i don’t get anything.
After loading, when I call
```auto
import {Language} from "@codemirror/language";
view.state.field(Language.state, false)
```
I get `undefined`.
Ideally I want to upgrade to newest possible code mirror.
---
### Author:  [@marijn](https://discuss.codemirror.net/u/marijn)
#### Post date: [September 15, 2022, 8:54am UTC](https://discuss.codemirror.net/t/how-to-upgrade-codemirror-past-0-19/5010/2 "2022-09-15T08:54:37Z")
> [@Danon](#):
>
> Ideally I want to upgrade to newest possible code mirror.
Then why not use version 6.x of these packages (1.x for @lezer), instead of 0.20.0?
---
### Author:  [@Danon](https://discuss.codemirror.net/u/Danon)
#### Post date: [September 15, 2022, 8:56am UTC](https://discuss.codemirror.net/t/how-to-upgrade-codemirror-past-0-19/5010/3 "2022-09-15T08:56:14Z")
I installed these versions:
```auto
"dependencies": {
"@codemirror/autocomplete": "6.0.0",
"@codemirror/commands": "6.0.0",
"@codemirror/language": "6.0.0",
"@codemirror/lang-markdown": "6.0.0",
"@codemirror/state": "6.0.0",
"@codemirror/view": "6.0.0",
"@lezer/highlight": "1.0.0",
"@lezer/markdown": "1.0.0"
},
```
But when I did I got exception:
```auto
vue.runtime.esm.js:3060 Error: Unrecognized extension value in extension set ([object Object]). This sometimes happens because multiple instances of @codemirror/state are loaded, breaking instanceof checks.
at inner (index.js:2036:23)
at inner (index.js:2011:17)
at inner (index.js:2037:13)
at inner (index.js:2011:17)
at inner (index.js:2037:13)
at inner (index.js:2011:17)
at inner (index.js:2011:17)
at flatten (index.js:2040:5)
at Configuration.resolve (index.js:1948:25)
at EditorState.create (index.js:2773:43)
```
---
### Author:  [@marijn](https://discuss.codemirror.net/u/marijn)
#### Post date: [September 15, 2022, 9:49am UTC](https://discuss.codemirror.net/t/how-to-upgrade-codemirror-past-0-19/5010/4 "2022-09-15T09:49:48Z")
That usually goes away if you clear your package lock and reinstall dependencies. Npm is often dumb about upgrades, and unnecessarily duplicates packages.
---
### Author:  [@marijn](https://discuss.codemirror.net/u/marijn)
#### Post date: [September 15, 2022, 9:50am UTC](https://discuss.codemirror.net/t/how-to-upgrade-codemirror-past-0-19/5010/5 "2022-09-15T09:50:21Z")
Oh, also, put a `^` in front of those ranges so you get the actual current version of the packages (“^6.0.0”)!