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.

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.

So my guess is react table looks at this as a string since the number is nested inside a div, see code below:

    instagram: (
      <div className={(prop[8] || prop[9]) && 'opaque'}>
        {Number(prop[3])}
      </div>
    ),
    twitter: (
      <div className={(prop[8] || prop[9]) && 'opaque'}>
        {Number(prop[5])}
      </div>
    ),
    facebook: (
      <div className={(prop[8] || prop[9]) && 'opaque'}>
        {Number(prop[7])}
      </div>
    ),

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.