Container App rendering the sub app/MFE app - for Microfrontend

container.js

// Any Sub App/MFE imported into the Container
export default () => {
  const ref = useRef(null);

  useEffect(() => {
    mount(ref.current);
  });

  return <div ref={ref} />;
};



// container Main Component
export default () => {
  return (
    <div>
      <h1>Hi there!</h1>
      <hr />
      <MFEApp1 />
    </div>
  );
};