filepond with couldinary in ReactJs

const [cover, setCover] = useState<any>(); // paste this in tour component route

<FilePond
    files={cover}
    chunkUploads={true}
    onupdatefiles={setCover}
    server={{
        process: {
            url: <COULDINARY_API_UPLOAD_IMAGE>,
            onerror: (error: any) => {
               console.log(error);
            },
            ondata: (data: any) => {
              data.append("file", cover[0]?.file);
              data.append("could_name", <COULDINARY_NAME>);
              data.append("upload_preset", <YOUR_CLOUDNIRY_NAME>);
                return data;
              },
            },
          }}
          allowMultiple={false}
   />