Custom loader component in Upload Ant Design instead progress bar

Question

I need to insert a Spin loader instead of a progress bar and text while loading media onto the server.

Upload the Ant component of version 3.x

Here's a link to the docs https://ant.design/components/upload/#API I did not find a way to solve this problem. Any ideas how to do this, please help

Answer 1

I was able to do something like this:

const [isUploading, setIsUploading] = React.useState<number | null>(null);

<Upload 
    action={`actionURL`} 
    beforeUpload={()=>{setIsUploading(true);return true;}}
    onChange={x=>{
        if (x.file.status == 'done') {
            setIsUploading(false);
        }
    }}
>
    <Button 
        disabled={!_.isNil(currentlyUploadYear)} 
        icon={<UploadOutlined />} 
        loading={isLoading} >{item}
    </Button>
</Upload>