title: UseState Error when utilizing React Hooks
body: <p>I am using hooks but I get this error</p>
  
  <p>Line 25:  React Hook "React.useState" is called in function "contact" which is neither a React function component or a custom React Hook function  react-hooks/rules-of-hooks
    Line 26:  React Hook "React.useState" is called in function "contact" which is neither a React function component or a custom React Hook function  react-hooks/rules-of-hooks
    Line 27:  React Hook "React.useState" is called in function "contact" which is neither a React function component or a custom React Hook function  react-hooks/rules-of-hooks</p>
  
  <pre><code>export default function contact() {
  
   const [messageInput, setMessageInput] = React.useState("");
   const [email, setEmail] = React.useState("");
   const [name, setName] = React.useState("");
  
   const enables =
     messageInput.length &gt; 0 &amp;&amp;
     email.length &gt; 0 &amp;&amp;
     name.length &gt; 0;
  
  
   return (
  
  &lt;div className="App"&gt;
  </code></pre>
  
  <p>I have done a similar project before and I am using my old project as a reference. This didn't happened in my old project.</p>