title: 'Form' is defined but never used no-unused-vars
body: <p>I keep on getting the error    Form' is defined but never used  no-unused-vars
  and it says: Search for the keywords to learn more about each warning.<br />
  To ignore, add // eslint-disable-next-line to the line before.</p>
  <p>Form.js //to create a form</p>
  <pre><code>import React from &quot;react&quot;;
  
  const Form=() =&gt;{
      return(
          &lt;form&gt;
              &lt;input type=&quot;text&quot; class=&quot;todo-input&quot;&gt;&lt;/input&gt;
              &lt;button class=&quot;todo-button&quot; type=&quot;submit&quot;&gt;
                  &lt;i class=&quot;fas fa-plus-square&quot;&gt;&lt;/i&gt;
              &lt;/button&gt;
              &lt;div class=&quot;select&quot;&gt;
                  &lt;select name=&quot;todos&quot; class=&quot;filter-todos&quot;&gt;
                      &lt;option value=&quot;all&quot;&gt;All&lt;/option&gt;
                      &lt;option value=&quot;completed&quot;&gt;Completed
                      &lt;/option&gt;
                      &lt;option value=&quot;uncompleted&quot;&gt;Uncompleted&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/div&gt;
          &lt;/form&gt;
      )
  }
  export default Form; 
  
  App.js //main file
  import React from &quot;react&quot;;
  import './App.css';
  import Form from './components/form';
  function App() {
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;header&gt;Todo List&lt;/header&gt;    
      &lt;/div&gt;
    );
  }
  
  export default App;
  
  `
  </code></pre>