import React from "react";
import ReactDOMClient from "react-dom/client";
import { App } from "./App";
import singleSpaReact from "single-spa-react";

const AppLifecycles = singleSpaReact({
  React,
  ReactDOMClient,
  rootComponent: App,
  errorBoundary(err, info, props) {
    return <div>This renders when a catastrophic error occurs</div>;
  }
});

export const bootstrap = async (props: any) => {
  return AppLifecycles.bootstrap?.(props);
};

export const mount = async (props: any) => {
  return AppLifecycles.mount?.(props);
};

export const unmount = async (props: any) => {
  return AppLifecycles.unmount?.(props);
};