sort caret icon not showing with columns having headerformatter

[aashiqahmed98]

Question
Hey @AllenFang , big fan of your library ,I have a doubt here, Below is the table columns definition ,

const tableColumns = [
    {
      dataField: 'uniqueId',
      hidden: true,
    },
    {
      dataField: 'id',
      text:  '',
      headerFormatter: function(){
        return <>Prediction ID# {helpIcon.PredictionID}</>
      },
      sort: true,
    },
    {
      dataField: 'analysis',
      text: 'Prediction Analysis',
      headerStyle: {
        minWidth: '100px',
      },
 ...
    }]

, In second column we have used headerformatter to accompany our use case to render a component, which displays text with a icon , and on hovering , it will show a tooltip(refer screenshot), My issue comes here, we want to use sort and enabled using sort: true but the sort icon is now showing in the browser view in the column header, can u please help me or redirect me , if there is related issues raised before. Thanks in advance.

Screenshots