export const COLUMNS = [ { Header : 'Total Cases', accessor : 'totalcases', }, { Header : 'Active Cases', accessor : 'activecases', }, { Header : 'Total Recovery', accessor : 'recovery', }, { Header : 'Total Death', accessor : 'deaths', }, { Header : 'New Cases', accessor : 'newcases', }, ] function Table({countryData}) { const columns = useMemo(()=> COLUMNS, []); const data = useMemo(()=> countryData, []); const { .... setGlobalFilter, } = useTable({ columns, data }, useGlobalFilter, useSortBy); const{globalFilter} = state; return ( <> <GlobalFilter filter={globalFilter} setFilter={setGlobalFilter}/> <table {...getTableProps()}> <thead> {headerGroups.map(headerGroup => ( <tr {...headerGroup.getHeaderGroupProps()}> {headerGroup.headers.map(column => ( <th {...column.getHeaderProps(column.getSortByToggleProps())}>{column.render('Header')}</th> ))} </tr> ))} </thead> <tbody {...getTableBodyProps()}> {rows.map((row, i) => { prepareRow(row) return ( <tr {...row.getRowProps()}> {row.cells.map(cell => { return <td {...cell.getCellProps()}>{cell.render('Cell')}</td> })} </tr> ) })} </tbody> </table> </> ) } export default Table

aquí quiero ordenar la tabla completa de forma predeterminada en función de la columna de casos nuevos y quiero alternar la ordenación solo en casos activos y recuperación. como soy nuevo en reaccionar, no sé cómo proporcionar una ordenación personalizada .................................. .................................................... .................................................... .................................................... .................................................... ..................