I have a function that looks like this:

async handleFile(e){
        var file = e.target.files[0];
        var reader = new FileReader();
        reader.onload = async function(f){                
            await somelibrary.load(f.target.result)
            await somelibrary.render()
            await someotherlibrary.init()
        }
            await reader.readAsText(file);  
        
    }

I need to know if the load and render has worked, at least if they haven't thrown an exception. So my idea was to do something like this:

async handleFile(e){
        var file = e.target.files[0];
        var reader = new FileReader();
        reader.onload = async function(f){
            try {                
                await somelibrary.load(f.target.result)
                await somelibrary.render()
                await someotherlibrary.init()
                return true
            } catch (e) {
                console.log(e);
                return false
            }
        }
        var rendered = await reader.readAsText(file);  
        console.log(rendered)
        
    }

But this only logs undefined. I understand why, my function only waits for the reading part and not for the actual handling of the content in the .onload... But how do I do this correctly?