DesignEngineProvider

The DesignEngineProvider is used at the top-level of your design experience to allow child components to get a reference to your DesignEngine. It optionally takes a design engine, so if you need to asynchronously create your DesignEngine, then you can pass it undefined to start.

import { DesignEngineProvider } from '@design-stack-ct/design-engine-react-components'

export function CustomDesignExperience() {
    const [designEngine, setDesignEngine] = useState(() => new DesignEngine(...));

    return (
        <DesignEngineProvider designEngine={designEngine}>
            {/* Your components here */}
        </DesignEngineProvider>
    );
}