//instead of storing the File in the store I create an URL for the file and store that in the store

onDrop = (filesAccepted) => {
    const file = filesAccepted[0];
    const url = URL.createObjectURL(file);
    this.props.fileSelected({name: file.name, url: url}); /* this dispatches an action */
};
//then when I need the actual content I simply retrieve it like this:

const blob = await fetch(file.url).then(r => r.blob());
const file = new File([blob], file.name, {lastModified: Date().now})