I want to use my application both as a general mfe app and by Exporting the kanbancard from within the sub-application. I made the code below, but my mfe application is crashing, how do I do it?

[tunahan-guler]

`import { appTools, defineConfig, mergeConfig } from '@modern-js/app-tools'
import { garfishPlugin } from '@modern-js/plugin-garfish/cli'
import { tailwindcssPlugin } from '@modern-js/plugin-tailwindcss';
import ChunkPatchPlugin from './ChunkPatchPlugin';

// https://modernjs.dev/en/configure/app/usage
export default defineConfig({
html: {
title: 'CRM',
},
dev: {
port: 8081,
assetPrefix: 'http://localhost:8081/',
},
runtime: {
router: true,
state: true,
},
source: {
enableAsyncEntry: true,
},
deploy: {
microFrontend: true,
},
tools:{
devServer:{
headers:{
"Access-Control-Allow-Origin": "*",
"Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
"Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
}
},
webpack: (config, { webpack, appendPlugins }) => {
//@ts-ignore

  config.output.publicPath = '/';
  appendPlugins([
    new webpack.container.ModuleFederationPlugin({
      name: 'provider',
      library: { type: 'var', name: 'provider' },
      filename: 'static/js/remoteEntry.js',
      exposes: {
        './OffersTab': './src/@components/KanbanCard/KanbanCard',
      },
      shared: {
        react: { singleton: true },
        'react-dom': { singleton: true },
      },
    }),
    new ChunkPatchPlugin('provider'),
  ]);
  // modern.js set runtimeChunk true by default
  delete config.optimization?.runtimeChunk;
},

},
plugins: [appTools(), garfishPlugin(), tailwindcssPlugin()],
})
`