cuando hago clic en el rango, la ubicación o las muertes en la parte superior, solía ordenar la lista antes, pero ahora no funciona. Los datos que ve no son todos los datos que he usado, hay algunos más que harían que la pregunta fuera larga, así que solo agregué los primeros. Cualquier ayuda sería apreciada.

constante

 data = [ { location: 'Texas', deaths: '4,164', rank: 1 }, { location: 'California', deaths: '3,449', rank: 2 } ] const columns = [ { name: <h2>Rank</h2>, selector: row => <h3>{row.rank}</h3>, sortable: true, }, { name: <h2>Location</h2>, selector: row => <h3>{row.location}</h3>, sortable: true, }, { name: <h2>Deaths</h2>, selector: row => <h3>{row.deaths}</h3>, sortable: true, } ]; return ( <div className='table_map'> <DataTable data={data} columns={columns} print='true' theme="solarized" fixedHeader fixedHeaderScrollHeight="700px" customStyles = {customStyles } /> </div> ) } export default Table