CRA multiple apps

IAppDomId.ts

import {ComponentType} from 'react';

export default interface IAppDomId {
    // Component: ComponentType<any>; // TODO: add when used with code splitting
    Component: JSX.Element;
    domId: string;
}

index.tsx

const apps: IAppDomId[] = [
  {Component: <DashboardPage />, domId: 'js-Dashboard'},
  {Component: <SchedulerPage />, domId: 'js-Scheduler'},
];

apps.forEach((obj: IAppDomId) => {
  const element: HTMLElement | null = document.getElementById(obj.domId);

  if (element) {
    ReactDOM.render((
      <Provider store={store}>
        {obj.Component}
      </Provider>
    ), element);
  }
});