title: Convert Style ts file from Material V4 to V5
body: <p>I am trying to migrate from material v4 to v5, the issue i am facing is previously I had a styles.ts file that I would import into my component and the start of the class looked like this:</p>
  <pre><code>import {
    defaultFont,
    primaryColor,
    infoColor,
    successColor,
    warningColor,
    dangerColor,
    grayColor,
  } from &quot;../material-kit-pro-react&quot;;
  import { makeStyles, Theme, createStyles } from &quot;@material-ui/core&quot;;
  
  export const typographyStyle = makeStyles((theme: Theme) =&gt; createStyles({
    defaultFontStyle: {
  </code></pre>
  <p>I then updated the imports to the following:</p>
  <pre><code>import {
    defaultFont,
    primaryColor,
    infoColor,
    successColor,
    warningColor,
    dangerColor,
    grayColor,
  } from &quot;../material-kit-pro-react&quot;;
  import { makeStyles, Theme } from &quot;@mui/material/styles&quot;;
  import { createStyles } from '@mui/styles';
  
  export const typographyStyle = makeStyles((theme: Theme) =&gt; createStyles({
  </code></pre>
  <p>This uses the @mui imports, but in my actual class I get the following error:</p>
  <pre><code>const typographyStyle: never
  import typographyStyle
  This expression is not callable.
    Type 'never' has no call signatures.
  </code></pre>
  <p>My component is pretty basic and it looks like this:</p>
  <pre><code>import React from &quot;react&quot;;
  import { typographyStyle } from &quot;assets/jss/material/typography/typographyStyle&quot;;
  export interface TypographyProps {
      children?: React.ReactNode;
  }
  export function Danger(props: TypographyProps) {
    const classes = typographyStyle();
    const { children } = props;
    return (
      &lt;div className={classes.defaultFontStyle + &quot; &quot; + classes.dangerText}&gt;
        {children}
      &lt;/div&gt;
    );
  }
  </code></pre>
  <p>The error comes from <code>const classes = typographyStyle();</code></p>