Tengo un problema en react-data-table-component donde, después de hacer clic en el encabezado de la columna para ordenar las filas, no se hace clic en el mismo elemento después de ordenar. Vea abajo. Una vez que se hace clic, el elemento de la fila cambia inmediatamente a otro elemento. Pero necesito que siga siendo el mismo elemento y no cambie a un elemento completamente nuevo:

¿Ve cómo, después de ordenar las filas haciendo clic en el encabezado de la columna, ordena correctamente las filas, pero luego hago clic en la primera fila y cambia totalmente a otro elemento de la fila?

Mi código:

 <DataTable title={ `Items` } columns={ columns } data={ filteredItems } pagination paginationResetDefaultPage={ resetPaginationToggle } subHeader onRowClicked={ handleRowClicked } selectableRows selectableRowsComponent={Checkbox} // Pass the function only selectableRowsComponentProps={selectProps} onSelectedRowsChange={ handleSelectedRows } responsive expandableRows expandOnRowClicked expandableRowsHideExpander expandableRowsComponent={ <UpdateItemComponent data={ mainData } /> } persistTableHead />

¿Quizás tiene algo que ver con resetPaginationToggle ? No estoy seguro.

¿Cómo lo resuelvo para que la fila permanezca igual después de ordenar y luego hacer clic en una fila?