title: @mantine dropzone React image upload issues while image upload on login form
body: <p>I tried for getting the image path with Dropzone in this way  {...form.getInputProps(&quot;tourImages&quot;)} but it gives undefined . Also, I tried getting an image input with useState hooks, image path is displaying but, it is not displaying inside of  form. Please, see the below :</p>
  <pre><code>      const getImage = (imageFile: any) =&gt; {
             setImageUpload(imageFile[0].path);
        };
        const [imageUpload, setImageUpload] = useState( );
      
        const form = useForm({
          schema: joiResolver(schema),
          initialValues: {
            name: &quot;&quot;,
            sername: &quot;&quot;,
            email: &quot;&quot;,
            tourImages : &quot;&quot; ,
            imageUpload,
           
          },
        });
  
   &lt;Dropzone
                      onDrop={(files) =&gt; {
                        getImage(files);
                      
                      }}
                      onReject={(files) =&gt; console.log(&quot;rejected files&quot;, files)}
                      maxSize={3 * 1024 ** 2}
                      accept={IMAGE_MIME_TYPE}
                      {...form.getInputProps(&quot;tourImages&quot;)}
                    &gt;
                      {(status) =&gt; dropzoneChildren(status, theme)}
                    &lt;/Dropzone&gt;
      
  </code></pre>