Error Loading Remote Component with Vite Plugin Federation in Angular

I am attempting to test the Vite plugin federation using Angular. When loading the remote application in the host, I encounter the following error: Loading component: b: NG0203. I didn’t find examples of testing the Vite plugin federation using Angular, which is why I decided to build one, and I'm facing this issue.

Versions

vite-plugin-federation: v1.3.6
vite: v5.4.1

Reproduction

Here is a GitHub repository where I have both the host and remote applications:
GitHub Repository

i'm loading the remote using

const module = (await import("remote_app/Button")).default;
 this.viewContainer.createComponent(module.CounterButtonComponent, {
        injector: this.injector,
      });

here is my vite config for the remote

export default defineConfig(({ mode }) => ({
  build: {
    target: ["es2020"],
  },
  resolve: {
    mainFields: ["module"],
  },
  plugins: [
    federation({
      name: "remote-app",
      filename: "remoteEntry.js",
      // Modules to expose
      exposes: {
        "./Button": "./src/components/counter/counter-button.component.ts",
      },
    }),
    angular(),
  ],
}));

And here is my vite config for the host

export default defineConfig(({ mode }) => ({
  build: {
    target: ["es2020"],
  },
  resolve: {
    mainFields: ["module"],
  },
  plugins: [
    federation({
      name: "host-app",
      remotes: {
        remote_app: "http://localhost:5175/remoteEntry.js",
      },
    }),
    angular(),
  ],
}));

Steps to reproduce

Clone the repo
npm i (for both host and remote)
npm run build (remote app)
npm i http-server (to launch a local server with the remote entry file)
npm run dev (for the host to test)

What is Expected?

I'm excpected to get the remote launching on host and displaying the counter button.

What is actually happening?

When i launch the project and try to load the remote i get the following error Knowing that the remote entry file is present in a http-server

originjs / vite-plugin-federation