ProcessPending not working as expected

[grt-mark]

I looked up different examples already for using the process pending method but on my case i cant make it to work for some reason. This is where I put it I removed some code to make it easier to see

// component for the ui
const UploadUi = ({ accepts, maxFiles, maxFileSize, children, batch, setBatch }) => {
    const { processPending } = useUploady();

    const isFolder = accepts.includes(FILE_MIME_TYPES.FOLDER);
    useBatchAddListener(setBatch);

    const filePreview = batch && !isFolder;
    const folderPreview = batch && isFolder;
    const hasPreviewClear = !isFolder && batch && !!batch.items.length && batch.items.length > 1;
    const dropZoneExtra = { type: "primary", size: "large", other: { isFolder, accepts, maxFileSize, maxFiles } };

    const onClearPreviews = () => setBatch(null);

    return (
        <div className="tk-file-upload">
            <DropZoneButton extraProps={dropZoneExtra} />
            {children}
            {batch && batch.items.length ? <button onClick={processPending}>Upload</button> : null}
        </div>
    );
};

// parent component

const FileUploader = (props) => {
    const [batch, setBatch] = useState(null);
    const [error, setError] = useState(null);
    const { accepts, maxFileSize, instruction, onError } = props || {};
    const isFolder = accepts.includes(FILE_MIME_TYPES.FOLDER);
    const mockEnhancer = getMockSenderEnhancer({ delay: 2000 });
    const enhancer = composeEnhancers(retryEnhancer, mockEnhancer);

    const otherAttr = isFolder
        ? {
              webkitdirectory: true,
              grouped: true,
              maxGroupSize: 1
          }
        : {};

    const commonSectionStyles = {
        header: { fontWeight: "600" },
        parent: { width: "100%", padding: "0 2rem" }
    };

    const fileValidator = (file) => {
      // skipping...
        return true
    };

    return (
        <Uploady
            destination={{ url: "[upload-url]" }}
            multiple={false}
            autoUpload={false}
            enhancer={enhancer}
            fileFilter={fileValidator}
            clearPendingOnAdd
            {...otherAttr}
        >
            <UploadUi {...props} batch={batch} setBatch={setBatch}>
                  // skiping...
            </UploadUi>
        </Uploady>
    );
};