react-async-loading.js

function Async({promiseFn, fallback, errFallback, children}){

    const [state, setState] = useState('initial')
    useEffect(()=>{
        promiseFn().then(()=>{
           setState('resolved')     
        }).catch(()=>{
            setState('error')
        })   
    })

    switch (state) {
        case 'initial':
            return fallback;
            break;
            case 'resolved':
                return <>{children}</>;
                break;     
    
        default:
            break;
    }

}

//usage
<Async promiseFn={()=>loadImages()}>
    <ImagesPage />
</Async>