NextJs host and ViteJs remote | Need Help

[biksumesh]

This is my next js configuration

config.plugins.push(
      new NextFederationPlugin({
        name: 'Dummy',
        remotes: {
          remote_app: "remote_app@http://localhost:5001/remoteEntry.js"
        },
        filename: 'static/chunks/remoteEntry.js',
        shared: {},
      }),
    );

this is my vite config

plugins: [
        react(),
        federation({
          name: "remote_app",
          filename: "remoteEntry.js",
          exposes: {
            "./Button": "./src/components/Button",
          },
          shared: ["react", "react-dom"],
        }),
      ],
      build: {
        target: 'esnext',
        cssCodeSplit: false
      },
      server: {
        cors: true,
        headers: {
          'Access-Control-Allow-Origin': '*'
        }
      }

but i am getting the error Cannot use import statement outside a module