title: react material-ui textfield getting error: invalid hook call
body: <p>I have this simple code to show the text field:</p>
  
  <p>I get the error </p>
  
  <blockquote>
    <p>Error in /turbo_modules/react@16.13.0/cjs/react.development.js (1465:13)
    Invalid hook call.  </p>
  </blockquote>
  
  <p>The code is at this link <a href="https://stackblitz.com/edit/react-6dgvfj?file=UserForm.js" rel="nofollow noreferrer">https://stackblitz.com/edit/react-6dgvfj?file=UserForm.js</a></p>
  
  <pre><code>import React, { Component } from 'react';
  import compose from 'recompose/compose';
  import { connect } from 'react-redux';
  import TextField from '@material-ui/core/TextField';
  
  const UserForm = props =&gt; {
      return (
          &lt;div&gt;
              This is userform component.
              &lt;TextField id="standard-basic" label="Standard" /&gt;
  
          &lt;/div&gt;
      );
  }
  
  export default UserForm;
  </code></pre>