title: How to use conditional styles with MUI v5 using emotion styled
body: <p>I'm migrating from MUI v4 to v5. In v4 I was using <code>clsx</code> with <code>TextField</code> to add conditional styles.</p>
  <pre><code>export const useStyles = makeStyles((theme: Theme) =&gt;
    createStyles({
      root: {
        // ...
      },
      valid: {
        &quot;&amp; fieldset&quot;: {
          borderColor: theme.palette.success.main,
          borderWidth: 2
        }
      }
    })
  );
  
  const classes = useStyles();
  &lt;TextField
    {...props}
    className={clsx(classes.root, { [classes.valid]: isValid })}
  /&gt;
  </code></pre>
  <p>I'm trying to find a similar approach in MUI v5. Is there any alternative for conditional styles in MUI v5 other than with <code>clsx</code> and <code>makestyles</code>.</p>
  <p>Let me know if more information is required.</p>