className not working in zebraStripes

I am trying to add zebraStripes on my codemirror and my goal here is to add zebraStripes to the line of code where the className = 'text-wrapper' but tehe feature isnt working. Can anyone help
Following is the code:

     <CodeMirror
            value={jsonData}
            height="90vh"
            theme="dark"
            extensions={[langs.jsx(), zebraStripes({
              className: "text-wrapper"
            }),]}
            onDoubleClick={(event, value) => {
              handleDoubleClick(event, value);
            }}
            onChange={(value) => {
              handleOnJsChange(value);
            }}
        />

Screenshot:

Reproduce the reported behavior with the shown React CodeMirror configuration and inspect the zebraStripes extension entry point. Trace how the className option is applied, then verify that the text-wrapper class appears on the intended line and add focused coverage if the repository already tests this behavior.