Typescript for dynamic loading

[yaseiva]

Hi,

I'm using Electron.js and I've set up a working example of dynamic remote loading. However, I'm missing one feature: adding types when lazily loading remote apps, and I'm not sure how to obtain them.

I updated the tsconfig with:

"paths": {
    "@renderer/*": [
      "src/renderer/src/*"
    ],
    "*": ["./@mf-types/*"]
  }

But when actually lazy loading, how do I achieve type safety to know the props for App1?

const App1 = lazy(() => loadRemote('app1/App') as never)

Thanks for any help.

[YanPes]

Hi @yaseiva, did you check your log if @mf-types are created and consumed correctly?
Example: If there are any Typescript errors in your build you will get this error, which prevents the generation:

[ Module Federation Dev Server ] Unable to compile federated types Error: Failed to generate type declaration. #TYPE-001