Как получить имя изображения при обновлении в react js?

Здесь я пытаюсь создать функцию обновления. Я получаю все значения при редактировании, но не могу получить имя изображения, которое было загружено при создании поста.

Как получить имя изображения вместо "Файл не выбран"?

Я получаю данные из бэкенда в таком формате.

setEditInitialState({
    id: data.id,
    meta_title: data.meta_title,
    blog_name: data.blog_name,
    blog_category: {
      value:
        blogCategories.data?.data.find(
          (category) => category.id === data.blog_category
        )?.id || "",
      label:
        blogCategories.data?.data.find(
          (category) => category.id === data.blog_category
        )?.title || "",
    },
    slug: data.slug,
    image: data.image,

## Вот форма

<div className="form-group">
                  <label htmlFor="">Image</label>
                  <Input
                    type="file"
                    // className="form-control"
                    // value={values.image}
                    name="image"
                    onChange={(event: any) =>
                      setFieldValue("image", event.target?.files[0])
                    }
                  />
                  {/* <p>{initialValues.image}</p> */}

                  <FormikValidationError
                    name="image"
                    errors={errors}
                    touched={touched}
                  />
                </div>

import os

class yourmodel(models.Model):
     #your fields here
     image = models.ImageField(..............)
      
     #new
     @property
     def filename(self):
          return os.path.basename(self.image.name)