title: react js not lilting me to type in any of the input fields ( I tried to remove the value props but still not working)
body: <p>I am doing a simple Contact Form using React Js , i have created the component using react bootstrap but when i try to type in the input fields, I dons not change at all.</p>
  <pre><code>import React, {useState} from 'react';
  import { Container, Row, Col,Form , Button} from &quot;react-bootstrap&quot;;
  import Particle from &quot;./Particle&quot;;
  import &quot;../style.css&quot;;
  import &quot;bootstrap/dist/css/bootstrap.min.css&quot;;
  
  function ContactMe(){
     const [name, setname] = useState(&quot;&quot;);
  
  function handelChange(e){
      const newName = e.target.value;
      setname(newName);
      console.log(newName);
  }
  return (
      &lt;Container fluid className=&quot;about-section&quot;&gt;
      &lt;Particle /&gt;
      &lt;Container&gt;
  &lt;h1&gt;Contact Me form &lt;/h1&gt;
  
  &lt;Container className=&quot;d-flex flex-column&quot;&gt;
  &lt;Form&gt;
   &lt;label&gt;Name&lt;/label&gt;
  &lt;Form.Control type=&quot;text&quot; placeholder=&quot;Enter your name&quot; onChange={handelChange} value={name}/&gt;
  &lt;label&gt;Email&lt;/label&gt;
  &lt;Form.Control type=&quot;email&quot; placeholder=&quot;Enter your Email&quot; /&gt;
  &lt;label&gt;Message&lt;/label&gt;
  &lt;Form.Control as=&quot;textarea&quot; type=&quot;text&quot; placeholder=&quot;Enter your message&quot; /&gt;
  &lt;Button variant=&quot;outline-danger mt-5 &quot;&gt;Danger&lt;/Button&gt;
  
  &lt;/Form&gt;
  &lt;/Container&gt;
  
  &lt;/Container&gt;
  &lt;/Container&gt;
  );
  </code></pre>
  <p>}</p>
  <p>export default ContactMe;`</p>
  <p>I have tried to remove the <code>value={name}</code> and it didnt work as well</p>