@macrof/loader/lib/components/render.js

React MicroFrontend Loader, Typescript, Webpack 5, ModuleFederation

import React from 'react';
import ReactDOM from "react-dom/client";
export const render = (App) => (element) => {
    const rootElement = ReactDOM.createRoot(element);
    rootElement.render(React.createElement(App, null));
    return () => {
        if (element) {
            setTimeout(() => rootElement.unmount());
        }
        else {
            throw new Error('Need a component!');
        }
    };
};