ارسال عکس به api با ریکت

سلام

شما یه state میتونی تعریف کنی و توی رویداد change مربوط به input خودت مقدار فایل رو بریزی توی اون state
من از فرمیک استفاده میکنم و به جای state اونو پرش کردم نتونستم فیلد فایل خود پکیج رو پیدا کنم
در نهایت موقع ارسال داده هات به سمت سرور باید یهform data بسازی کدش رو این زیر میزارم راحت قابل فهمه

    setSubmiting(true)
    values.is_avatar = values.is_avatar.length;
    const fd = new FormData();
    fd.append("image", values.file);
    fd.append("data", JSON.stringify(values));
    try {
        const res: any = await callApi()
        .post(`/admin/users/store-documents/${editingDocumentsUserId}`, fd)
        .then((res) => {
          resetForm();
          getUserDocuments();
          inputImageRef.current.value=null;
        });
        toast.success('ثبت سند با موفقیت انجام شد.')
    } catch (err: any) {
      toast.error('مشکلی پیش آمده است.')
    }
    setSubmiting(false)

یه توضیح مختصری که بدم
فرم ارسالی من دو داده داره مثل شما
یکیش image هست یکی دیگه data که object هست که توش داده های زیادی هست حالا شما میتونی اون رشته رو بزاری توش مثلا