How to use @deckdeckgo/lazy-img - 3 common examples

type ReactProps = {
    [P in keyof T]?: DetailedHTMLProps, T[P]>;
};

type StencilToReact = StencilProps &
    ReactProps<u>;

declare global {
    // eslint-disable-next-line @typescript-eslint/no-namespace
    export namespace JSX {
        interface IntrinsicElements extends StencilToReact { }
    }
}

applyPolyfills().then(() =&gt; {
    defineCustomElements(window);
});

ReactDOM.render(, document.getElementById('root'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.register();
</u>

applyPolyfills().then(() => {
    defineCustomElements(window);
});

deckDeckGoElements(window).then(async () => {
    await deckDeckGoChartsElements(window);
    await deckDeckGoQRCodeElements(window);
    await deckDeckGoHighlightCodeElements(window);
    await deckDeckGoLazyImgElements(window);
    await deckDeckGoSocialElements(window);

    const promises = [];

    promises.push(deckDeckGoSlideTitleElements(window));
    promises.push(deckDeckGoSlideContentElements(window));
    promises.push(deckDeckGoSlideAuthorElements(window));
    promises.push(deckDeckGoSlideChartElements(window));
    promises.push(deckDeckGoSlideYoutubeElements(window));
    promises.push(deckDeckGoSlideSplitElements(window));
    promises.push(deckDeckGoSlideCodeElements(window));
    promises.push(deckDeckGoSlideCountdownElements(window));
    promises.push(deckDeckGoSlideGifElements(window));
    promises.push(deckDeckGoSlideQRCodeElements(window));
    promises.push(deckDeckGoSlideBigImgElements(window));
    promises.push(deckDeckGoSlideVideoElements(window));