[BUG] Module federation breaks in typescript when trying to import `react`

[redhatinsights]

[BUG] Module federation breaks in typescript when trying to import `react`

[josejulio]

Looks like having the entry files as js does the trick.

entry-dev.js

import('./bootstrap-dev');

bootstrap-dev is a typescript file.

I'll keep testing and will close this issue if everything seems fine.

[chrispcode]

Hey guys, I was able to solve this by using this typescript configuration:

{
  "include": ["src/**/*"],
  "compilerOptions": {                   
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "jsx": "react",
    "strict": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "forceConsistentCasingInFileNames": true,
  }
}

module to esnext and moduleResolution to node is what I think did the trick!

[rajsenthil]

I got struck for many days until I saw this message. Thanks.

[josejulio]

Glad that it was useful. I ran into other issues (resolved by now), so let me know and I might be able to help.

[chrispcode]

and yes, my bootstrap file is called: bootstrap.tsx
and here is my request sequence: