How to remove dotted line on focus?

[justin-ms]

See top of image attached. This dotted line appears at the top and bottom of my editor upon focus.

[jaywcjlove]

@justin-ms

• https://github.com/uiwjs/react-codemirror/issues/355#issuecomment-1178993647

[jaywcjlove]

const styleTheme = EditorView.baseTheme({
  "&.cm-editor.cm-focused": {
    outline: "0 solid orange"
  }
});

export default function App() {
  return (
    <div>
      <CodeMirror
        value="console.log('hello world!');"
        height="200px"
        extensions={[styleTheme, javascript({ jsx: true })]}
        onChange={(value, viewUpdate) => {
          console.log("value:", value);
        }}
      />
    </div>
  );
}

[justin-ms]

Thank you @jaywcjlove!