react codemirror 自定义语言

问题遇到的现象和发生背景

react codemirror 编译器怎么把语言换成groovy高亮呢

用代码块功能插入代码，请勿粘贴截图
//引入
import 'codemirror/mode/groovy/groovy.js';
import 'codemirror/mode/clike/clike';

<CodeMirror
                                  
                                  options={{
                                    theme: 'monokai',
                                    keyMap: 'sublime',
                                    matchBrackets: true,
                                    mode: "text/x-groovy",  //x-java是ok的 换成groovy感觉有点不太对
                                    indentUnit: 4, // 缩进空格数,默认2
                                    smartIndent: true,
                                    extraKeys: { Ctrl: 'autocomplete' }, //自动缩进 默认true
                                  }}
                                />

这是写了text/x-groovy以后我引入的codemirror出来的代码（代码从网上copy的）

img


这里是写了text/x-java以后的java代码 应该是正确的

img

这是在社区代码块里相同的代码

img