title: how to set value in react input field type file using react bootstrap?
body: <p>I am using react bootstrap in my demo application . I want to set the value in input type <strong>file</strong> . also I want to remove the value from input type <strong>file</strong> field after 10 sec (if there is any value) . is it possible ?</p>
  <p>I tried like this</p>
  <pre><code>const [val, setValue] = useState(&quot;&quot;);
    useEffect(() =&gt; {
      setTimeout(() =&gt; {
        setValue(&quot;&quot;);
      }, 10000);
    }, []);
    const onchange = (e) =&gt; {
      setValue(e.target.value);
    };
  </code></pre>
  <p><strong>HTML</strong></p>
  <pre><code>&lt;Form&gt;
          &lt;Form.Group controlId=&quot;formFile&quot; className=&quot;mb-3&quot;&gt;
            &lt;Form.Label&gt;Default file input example&lt;/Form.Label&gt;
            &lt;Form.Control type=&quot;file&quot; value={val} onchange={onchange} /&gt;
          &lt;/Form.Group&gt;
        &lt;/Form&gt;
  </code></pre>
  <p>here is my whole code
  <a href="https://codesandbox.io/s/react-bootstrap-form-forked-i3zdo5?file=/src/index.js:451-686" rel="nofollow noreferrer">https://codesandbox.io/s/react-bootstrap-form-forked-i3zdo5?file=/src/index.js:451-686</a></p>
  <p>my selection of file is not working after adding <code>value={val}</code></p>