Warning: Prop style did not match. Server: "left:0;color:#ffbc0b;width:2%" Client: "left:0;color:#ffbc0b;transition:;width:2%" in nextjs 13

[Shani-Sinojiya]

Warning: Prop style did not match. Server: "left:0;color:#ffbc0b;width:2%" Client: "left:0;color:#ffbc0b;transition:;width:2%"

[titi60]

add transition={true} to Rating component

[RishikeshDarandale]

When readonly={true}, then following error occurs:

client.js:1 Warning: Prop `style` did not match. Server: "null" Client: "cursor:"
    at span
    at span
    at exports.Rating (webpack-internal:///./node_modules/react-simple-star-rating/dist/index.js:1:2743)

[RishikeshDarandale]

When readonly={true}, then following error occurs:

client.js:1 Warning: Prop `style` did not match. Server: "null" Client: "cursor:"
    at span
    at span
    at exports.Rating (webpack-internal:///./node_modules/react-simple-star-rating/dist/index.js:1:2743)

This can be resolved with following props

style={{
          cursor: readonly ? 'default' : 'pointer',
        }}