title: React table v6, sorting number which is inside a div not working
body: <p>Hi so I have three columns that I want to sort (instagram, twitter, facebook) these columns show the number of followers a user has on said platform.</p>
  <p>Basically the problem is, the sorting works if I provide just a number, but I need to have that number wrapped in a div which is given an opaque class conditionally.</p>
  <p>So my guess is react table looks at this as a string since the number is nested inside a div, see code below:</p>
  <pre><code>    instagram: (
        &lt;div className={(prop[8] || prop[9]) &amp;&amp; 'opaque'}&gt;
          {Number(prop[3])}
        &lt;/div&gt;
      ),
      twitter: (
        &lt;div className={(prop[8] || prop[9]) &amp;&amp; 'opaque'}&gt;
          {Number(prop[5])}
        &lt;/div&gt;
      ),
      facebook: (
        &lt;div className={(prop[8] || prop[9]) &amp;&amp; 'opaque'}&gt;
          {Number(prop[7])}
        &lt;/div&gt;
      ),
  </code></pre>
  <p>Please leave any suggestions at all below, I guess I need a custom sorting function?
  Also I'm using react table V6 as I'm using a creative tim package for my frontend and that's the only version that works with it.</p>