javascript - React-codemirror 2 linting 機能が動作しない

Question

反応アプリで react-codemirror 2 コンポーネントを作成しましたが、パッケージのリンティング機能が機能していません。他のスタック オーバーフローの質問を参照してみましたが、質問が少なくとも 2 年前のものであるため、元のライブラリのファイル構造、つまり codemirror が変更されており、解決策がどれも機能していないようです。また、Github リポジトリで問題を開きましたが、それに対する応答はありません。お役に立てば幸いです。これが私のコンポーネントのコードです。

import React from "react";
import { UnControlled as CodeMirror } from "react-codemirror2";

import 'codemirror/lib/codemirror.css';
import 'codemirror/theme/material.css';
import 'codemirror/addon/lint/lint.css';
import 'codemirror/addon/hint/show-hint.css';



import 'codemirror/mode/javascript/javascript.js';
import 'codemirror/addon/lint/javascript-lint';
import 'codemirror/addon/lint/lint.js';
import 'codemirror/addon/hint/javascript-hint';


const JsEditor = ({code}) => {
  return (
    <div>
      <h1> JavaScript </h1>
      <CodeMirror
        value={code}
        options={{
          gutters: ["CodeMirror-lint-markers"],
          mode: "javascript",
          theme: "material",
          lineNumbers: true,
          lineWrapping: true,
          lint: true,
         
        }}
       
      />
    </div>
  );
};

export default JsEditor;