This example demonstrates how to use multiple share scopes in Module Federation to run React 17 and React 18 simultaneously in the same host application.

The host defines two share scopes:

• default scope — shares React 17 (react17 / react-dom17 aliases)
• react18 scope — shares React 18 (react / react-dom)

Each remote is associated with the appropriate scope:

• provider17 uses the default scope (React 17)
• provider18 uses both ['react18', 'default'] scopes (React 18)

This allows isolated React instances per version, preventing version conflicts.

Install dependencies:

pnpm install

Start all applications in development mode:

pnpm start

• localhost:8080 — Host
• localhost:8081 — Provider (React 17)
• localhost:8082 — Provider (React 18)

pnpm build
pnpm serve