взгляд зебры: чередование строк в списке (без наведения)

Question

Как показано в примере, следует использовать rowStyle. строки из списка должны быть окрашены поочередно. это также работает, но цвет при наведении больше не отображается: - (

const postRowStyle = (record, index) => ({
  backgroundColor: index % 2 ? "#cdcdcd" : ""
});
export const PostList = (props) => (
    <List {...props}>
        <Datagrid rowStyle={postRowStyle}>
            ...
        </Datagrid>
    </List>
);

что нужно сделать, чтобы всплыть снова? THX

https://codesandbox.io/embed/vigorous-dubinsky-n2sx0?fontsize=14&hidenavigation=1&theme=dark