conditionalCellStyles '&:hover' does not work in react typescript

[mohammedmudassir687687]

Version

using [email protected]

Bug

styles applied to '&:hover' does not work within conditionalCellStyles for columns

Code to reproduce the behavior in react typescript

` interface IRow { title: string, } const columns = [ { name: 'Title', selector: (row: IRow) => row.title, conditionalCellStyles : [ { when: (row: IRow) => row.title.length < 5, style: { backgroundColor: 'green', color: 'white', '&:hover': { backgroundColor: 'blue' } }, }, ] }, ]

const data = [ { title: 'Amelie', year: '2001', rating: 8.3 }, { title: 'Hamilton', year: '2020', rating: 7.7 } ]

`

[jewbetcha]

+1 also seeing this