jss-rtl not working with makeStyles when property is calculated with arrow function

[sashberd]

Hi

We use jss-rtl plugin in our app. After update to latest 4.6.1 version we found that if we use makeStyles approach and use arrow function on property that jss-rtlshould manage it is not working, but if we change it to simple string it works as it should be:

This is not working:

const useStyles = makeStyles(({ axisPalette }) => ({
buttonIconRoot: {
    paddingRight: ({ isMobile }) => (isMobile ? 0 : '6px'),
}
}))

This one is working properly:

const useStyles = makeStyles(({ axisPalette }) => ({
buttonIconRoot: {
    paddingRight: '6px',
}
}))

• [X] The issue is present in the latest release.
• [X] I have searched the issues of this repository and believe that this is not a duplicate.

[oliviertassinari]

@sashberd This is likely an issue with JSS. I would encourage you to create a reproduction with react-jss directly.

[sashberd]

@oliviertassinari Opened in react jss issues

[sashberd]

@oliviertassinari this approach is working for me:

 buttonIconRoot: ({isMobile})=>({
    paddingRight: isMobile ? 0 : '6px',
})

[oliviertassinari]

I'm closing for https://github.com/cssinjs/jss/issues/1234