lineStyles attached to line children and missing line numbers

I have as you can see, in the picture, a problem with the lineStyles. At first, they are attached to the child spans, with this I have the problem that I get unexpected line breaks. Probably are this line breaks also the problem why the line numbers break up on line 40 (I used the line numbers just for be debugging purposes). I load the code via redux-sagas and bind them then like this:

<SyntaxHighlighter
      language='java'
      wrapLines
      lineStyle={(lineNumber: number) => {
         const style = { display: '', backgroundColor: '' };
         if (this.state.fileCoverage.COVERED.includes(lineNumber)) {
              style.display = 'block';
              style.backgroundColor = '#A9DBB8';
         } else if (this.state.fileCoverage.COVERED_NEW.includes(lineNumber)) {
             style.display = 'block';
             style.backgroundColor = '#EDE4AF';
         } else if (this.state.fileCoverage.UNCOVERED.includes(lineNumber)) {
             style.display = 'block';
             style.backgroundColor = '#BA2D0B';
         }
         return style;
      }}
      showLineNumbers
    >
     {this.props.codeFile}
</SyntaxHighlighter>

Thanks

[KirioXX]

@conorhastings Thank you very much, it works perfect 👍

[conorhastings]

@KirioXX no problem, thanks again for the great report

Sorry it took so long to get to