how to remove Err highlighting

v6
1

I have been able highlight text between particular position as css applied on them using my external complier on onchange events. But iam not able to remove it. Can anyone guide me?

import { basicSetup } from "codemirror";
import { EditorState, RangeValue } from "@codemirror/state";
import { EditorView } from "@codemirror/view";
import { errorMakerField, errorMarkerEffect } from "./ErrHighlight";
import errorMarkerExtn from "./ErrHighlight";

let from = 1;
let to = 2;
var element = document.getElementById("cm-error-highlight");
let onChangeHandler = (viewUpdate) => {
  if (viewUpdate.docChanged) {
    const latestContent = viewUpdate.state.doc.toString();
    yourFunctionToPerformDispatch(latestContent);
  }
};
const yourFunctionToPerformDispatch = (content) => {
  output = // my function
  if (output.error != null) {
    view.dispatch({ effects: errorMarkerEffect.of({ from, to }) });
  } else {
    from = 0;
    to = 0;
    view.dispatch({ effects: errorMarkerEffect.of({ from, to }) });
  }
};
let state = EditorState.create({
  doc: "// Type here\n",
  extensions: [
    basicSetup,
    EditorView.updateListener.of(onChangeHandler),
    errorMarkerExtn(),
  ],
});
let view = new EditorView({
  state,
  parent: document.body,
});