title: store file in object state using hooks react
body: <p>When I upload a file , file is stored in state. But I got an error like</p>
  <p>GET http://localhost:3000/type/%5Bobject%20File%5D 404 (Not Found).</p>
  <p>Why it is occured?Please help me.
  My code is</p>
  <pre><code> &lt;FilePond
            ref={pond}
            files={formData.applicantPhoto}
            name=&quot;applicantPhoto&quot;
            allowMultiple={false}
            required
            maxFiles={1}
            labelIdle={
              'Drag &amp; Drop your Applicant Photo or &lt;span class=&quot;filepond--label-action&quot;&gt; Browse &lt;/span&gt;'
            }
            server={{
              process: (
                fieldName,
                file,
                metadata,
                load,
                error,
                progress,
                abort
              ) =&gt; {
                getFiles(
                  fieldName,
                  file,
                  metadata,
                  load,
                  error,
                  progress,
                  abort
                );
              },
            }}
          /&gt;
   const getFiles = async (
        fieldName,
        file,
        metadata,
        load,
        error,
        progress,
       abort
     ) =&gt; {
       console.log(pond.current.getFile().file);
       const image = await pond.current.getFile().file;
       setFormData({ ...formData, applicantPhoto: image });
     };
  </code></pre>
  <p>How to store file object in object state. Please help me.When add file in syncronous mode , that also gives same error.</p>