@boomerang-io/carbon-addons-boomerang-react/dist/esm/components/DelayedRender/DelayedRender.js

Carbon Addons for Boomerang apps

import React, { useState, useEffect } from 'react';

/*
IBM Confidential
694970X, 69497O0
© Copyright IBM Corp. 2022, 2024
*/
function DelayedRender({ children, delay = 300 }) {
    const [shouldRender, setShouldRender] = useState(false);
    useEffect(() => {
        const timer = setTimeout(() => {
            setShouldRender(true);
        }, delay);
        return () => clearTimeout(timer);
    }, [delay]);
    if (shouldRender) {
        return React.createElement(React.Fragment, null, children);
    }
    return null;
}

export { DelayedRender as default };