Mahmoud-Miri

import { type FC, type MouseEvent, useState } from 'react';
import { AppBar, Box, Toolbar, Typography, Container, Menu, MenuItem, Button } from '@mui/material';

interface AppInfo {
  label: string;
  scope: string;
  module: string;
}

interface Props {

Mahmoud-Miri

import GenericDynamicGridExample from './components/dynamic-grid/generic-dynamic-grid-example/GenericDynamicGridExample.tsx';
import { type ComponentType, lazy, Suspense, useState } from 'react';
import ResponsiveAppBar from './components/AppBar/ResponsiveAppBar.tsx';
import { Box, Paper } from '@mui/material';

const ClientApp = () => {
  const [RemoteComponent, setRemoteComponent] =
    useState<React.LazyExoticComponent<ComponentType> | null>(null);

  const handleAppSelect = (scope: string, module: string) => {