Remove span element of checkbox in DetailsRow with data-selection-toggle=true

[PoojaC94]

I have a groupedlist component where onRenderCell returns a DetailsRow component.

<DetailsRow
          onRenderItemColumn={onRenderDetail}
          selectionMode={SelectionMode.none}
          checkboxVisibility={CheckboxVisibility.hidden}
          onRenderCheck={onRenderCheck}
        />
const onRenderCheck = () => {
    return (
      <div
        className="ms-DetailsRow-check"
        role="checkbox"
        aria-checked="false"
        data-selection-toggle="false"
        data-selection-disabled="true"
      ></div>
    );
  };

I have set the SelectionMode to none and checkBoxVisibility to hidden but I still get the span element of checkbox with data-selection-toggle set to true.

<span role="checkbox" class="checkCover-186" aria-checked="false" data-selection-toggle="true"></span>

How do you remove the checkbox? This causes accessibility issues