title: React Typescript Material-UI useStyles not callable
body: <p>For some reason, I cannot call useStyles as it errors out the following:</p>
  <pre><code>This expression is not callable.
    Type 'never' has no call signatures.ts(2349)
  const useStyles: never
  </code></pre>
  <p>Here is the full code:</p>
  <pre><code>import { makeStyles, Theme } from &quot;@material-ui/core&quot;;
  import IconButton from &quot;@material-ui/core/IconButton&quot;;
  import AppBar from &quot;@mui/material/AppBar&quot;;
  import Toolbar from &quot;@mui/material/Toolbar&quot;;
  import { ReactComponent as HeaderLogo } from &quot;../../images/logo.svg&quot;;
  
  const useStyles = makeStyles((theme: Theme) =&gt; ({
    root: {
      backgroundColor: theme.palette.VampirismBlack.main,
    }
  }));
  
  const Header = (): JSX.Element =&gt; {
    const classes = useStyles();
  
    return (
      &lt;AppBar position=&quot;static&quot;&gt;
        &lt;Toolbar variant=&quot;dense&quot;&gt;
          &lt;HeaderLogo width=&quot;125&quot; height=&quot;75&quot; /&gt;
          &lt;IconButton&gt;
            Home
          &lt;/IconButton&gt;
          &lt;IconButton&gt;
            Changelog
          &lt;/IconButton&gt;
          &lt;IconButton&gt;
            Tutorials
          &lt;/IconButton&gt;
          &lt;IconButton&gt;
            Wiki
          &lt;/IconButton&gt;
          &lt;IconButton&gt;
            Join Discord
          &lt;/IconButton&gt;
        &lt;/Toolbar&gt;
      &lt;/AppBar&gt;
    )
  }
  
  export default Header;
  </code></pre>
  <p>I've built a few different React applications before and never ran into this issue.</p>
  <p>Any ideas?</p>