How to render <ol> with proper indentation and label using react-native-render-html?

Question

I'm using the renderers to alter the indention of the levels however I needed to provide a custom function to identify the proper label.

Here's the payload returned from the API >>>>

<p>sample product</p>
<p><br></p>
<ol>
   <li>sample</li>
   <li class="ql-indent-1" id="a">sample</li>
   <li class="ql-indent-1" id="a">sample</li>
   <li class="ql-indent-2" id="i">sample</li>
   <li class="ql-indent-2" id="i">sample</li>
   <li class="ql-indent-2" id="i">sample</li>
   <li class="ql-indent-1" id="a">sample</li>
   <li class="ql-indent-1" id="a">sample </li>
   <li class="ql-indent-2" id="i">sample</li>
   <li class="ql-indent-3" id="1">sample</li>
   <li class="ql-indent-4" id="a">sample</li>
</ol>