loading state doesn't show about quill-image-uploader HOT 5 OPEN

import "react-quill/dist/quill.snow.css";
import "quill-image-uploader/dist/quill.imageUploader.min.css";
import {ALLOWED_EDITOR_FORMATS} from "./constants"

const Image = Quill.import("formats/image");
Image.className = "quill-image";

Quill.register("modules/imageUploader", ImageUploader);
Quill.register(Image, true);

const quillModule = {
  toolbar: {
    container: TOOLBAR_OPTION,
  },

  imageUploader: {
    upload: async (file: File) => {
      return new Promise(async (resolve, reject) => {
        const formData = new FormData();

        formData.append("image", file);

        try {
          const res = await fetch("/api/decks/images", {
            method: "POST",
            body: formData,
          });

          const data= await res.json();

          if (data.success) {
            resolve(data.image_url);
          } else {
            throw Error(data.message);
          }
        } catch (error) {
          reject();
          console.error(error);
        } 
      });
    },
  },
};

const myApp = () => {
const [value, setValue] = useState('')
return (
    <ReactQuill
      value={value}
      onChange={setValue}
      formats={ALLOWED_EDITOR_FORMATS}
      modules={quillModule}
      ref={editorRef}
    />
)
}