title: How to render <ol> with proper indentation and label using react-native-render-html?
body: <p>I'm using the <em>renderers</em> to alter the indention of the levels however I needed to provide a custom function to identify the proper label.</p>
  <p>Here's the payload returned from the API &gt;&gt;&gt;&gt;</p>
  <pre><code>&lt;p&gt;sample product&lt;/p&gt;
  &lt;p&gt;&lt;br&gt;&lt;/p&gt;
  &lt;ol&gt;
     &lt;li&gt;sample&lt;/li&gt;
     &lt;li class=&quot;ql-indent-1&quot; id=&quot;a&quot;&gt;sample&lt;/li&gt;
     &lt;li class=&quot;ql-indent-1&quot; id=&quot;a&quot;&gt;sample&lt;/li&gt;
     &lt;li class=&quot;ql-indent-2&quot; id=&quot;i&quot;&gt;sample&lt;/li&gt;
     &lt;li class=&quot;ql-indent-2&quot; id=&quot;i&quot;&gt;sample&lt;/li&gt;
     &lt;li class=&quot;ql-indent-2&quot; id=&quot;i&quot;&gt;sample&lt;/li&gt;
     &lt;li class=&quot;ql-indent-1&quot; id=&quot;a&quot;&gt;sample&lt;/li&gt;
     &lt;li class=&quot;ql-indent-1&quot; id=&quot;a&quot;&gt;sample &lt;/li&gt;
     &lt;li class=&quot;ql-indent-2&quot; id=&quot;i&quot;&gt;sample&lt;/li&gt;
     &lt;li class=&quot;ql-indent-3&quot; id=&quot;1&quot;&gt;sample&lt;/li&gt;
     &lt;li class=&quot;ql-indent-4&quot; id=&quot;a&quot;&gt;sample&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>