I'm trying to set a project using Module Federation but currently it breaks when I try to load the component, but when I run the host project it throws me "Uncaught SyntaxError: Invalid or unexpected token" whenever I try to import the component. This is how I'm imoprting the component:

const OtherComponent = lazy(async () => await import("app1/App"));

which is declared in the module federation config as

app1: "app1@http://localhost:3001/remoteEntry.js",

And on the other project it is declared as

name: "app1",

remoteType: 'var',
  exposes: {
    "./App": "./src/App",
  },
  filename: "remoteEntry.js",

This is the project that's importing and this is the one that exports