Annotations get removed if a newline is added

If one adds an annotations as a prop to the react ace component. They only get shown until I add a newline to the value. To show that problem I changed the example. The only thing I changed is adding annotations to the example/index.js in line 29. annotations={[{ row: 5, column: 2, type: 'error', text: 'Some error.'}]}. I got it to work if I put the render on line 24 into a function and call that function with the newValue Full change starting on line 19

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

function renderFirst(value = '') {
  // Render first editor
  render(
    <AceEditor
      mode="java"
      theme="github"
      name="blah1"
      value={value}
      annotations={[{ row: 5, column: 2, type: 'error', text: 'Some error.'}]}
      height="6em"
      onChange={onChange}
    />,
    document.getElementById('example')
  );
}

renderFirst();

I hope the description is clear, and I hope this is not me using the component wrong. Thanks in advance.

[leMaik]

I know I’m late to the party, but this might help: Try to set editorProps={{$useWorker: false}} on the editor component. This disables Ace’s internal annotations and prevents it from overriding custom annotations after newlines.

[leMaik]

Well, at least it fixed the very same issue for me. 😉