Replace every instance with react component

render.js

import { render } from 'react-dom';

const renderComponent = (Component, root) => {
    const parent = document.createElement('div');

    render(Component, parent, () => {
        root.replaceWith(...Array.from(parent.childNodes));
    });
};

const renderMultiple = (Component, root) => {
    const containers = document.querySelectorAll(root);

    if (containers.length) {
        Array.from(containers).map(container => renderComponent(
            Component,
            container,
        ));
    }
};

export { renderComponent, renderMultiple };