reactjs - react-bootstrap-table の並べ替えが数値フィールドで正しく機能しない

Question

Firebase Realtime Database のフロントエンドに ReactJS を使用するプロジェクトがあります。データの一覧表示には、react-bootstrap-table が使用されます。数値フィールドでの並べ替えが正しく機能しません。これらのフィールドのデータ型を強制的に変更する API/プラグインが見つかりません。

デフォルトの並べ替え:価格 - 降順

並べ替え:容量 - 降順

アイテムの JSON 構造

<BootstrapTable data={this.state.posts} striped hover search pagination exportCSV options={ options }>
    <TableHeaderColumn dataField="id" isKey dataAlign="center" hidden>Key</TableHeaderColumn>
    <TableHeaderColumn dataField="capacity" dataSort>Capacity</TableHeaderColumn>
    <TableHeaderColumn dataField="location" dataSort>Location</TableHeaderColumn>
    <TableHeaderColumn dataField="price" dataSort>Price</TableHeaderColumn>
    <TableHeaderColumn dataField="createdByLong" valueField="id" dataSort dataFormat={this.dateFormatter}>Created By</TableHeaderColumn>