[Support] MakeStyles crashes with "Can't assign to property" error

I’ve recently switched from @mui/styles to react-tss and I’m experiencing an error:

Uncaught TypeError: can't assign to property "label" on "ltr": not an object

Tracking the error down I’m lead to the makeStyles.js file, line ~45

  const cssObject = cssObjectByRuleName[ruleName];
  if (!cssObject.label) {
      cssObject.label = `${name !== undefined ? `${name}-` : ""}${ruleName}`;
  }

In this error case, the ruleName is direction resulting in a cssObject of the string ltr. Attempting to write to cssObject.label causes the error above.

I’ve checked my codebase and I’m not modifying the direction anywhere, so I don’t really understand why this is happening and could really use some assistance.

Thanks

[thehig]

Yup that worked! Thanks, and sorry for the bother

[garronej]

Glad you figured it out.

This would be withTheme:

import { useStyles } from "tss-react/mui";

function withTheme(Component){

   function ComponentWithTheme(props){

        const { theme }= useStyles();
        
        return <Component {...props} theme={theme} />;

   }
   
   ComponentWithTheme.name = `${Component.name}WithTheme`;
   
   return ComponentWithTheme;

}