如何摆脱AceEditor组件中出现的垂直线？

Question

我在反应组件中使用react-ace

这是他们在npmjs提供的示例（加上一点点costumisation）：

import React from "react";
import AceEditor from "react-ace";

import "brace/mode/python";
import "brace/theme/github";

function onChange(newValue) {
  console.log("change", newValue);
}

function CustomAceEditor() {
  return (
    <AceEditor
      mode="python"
      theme="github"
      onChange={onChange}
      name="UNIQUE_ID_OF_DIV"
      editorProps={{ $blockScrolling: true }}
      width="100%"
    />
  );
}

export default CustomAceEditor;

当我编译并执行此代码时，我得到下图中的结果

但正如你所看到的那样，视图中有垂直线......我该如何摆脱它？