The FilePond onupdatefiles method is called two times, how can I prevent this?

Question

FilePond onupdatefiles method is called two times. As seen in the photo, two of the same file is selected. How can I prevent this?

React code

    <Form className='orange-color ml-2'>
        <FilePond
            ref={ref => (ref)}
            allowFileEncode={true}
            allowMultiple={false}
            oninit={() =>
                console.log("FilePond "+formKey.toString()+" has initialised")
            }

            onupdatefiles={(fileItems) => {
                const file = fileItems.map(fileItem => fileItem.file)

                if (file[0]) {
                    const reader = new FileReader();
                    reader.readAsDataURL(file[0]);

                    reader.onload = (event) => {
                        const convertedResult = event.target.result

                        if (convertedResult) {
                            const regex = '(.*)(base64,)(.*)';
                            const matches = convertedResult.match(regex);
                            const val = matches[3];

                            changeSelected(val)
                        }
                    };
                }
            }

            }
        />