chore: update @vitejs/plugin-react in examples and migrate to react compiler

[smeng9]

Hi @gioboa

In latest version of React, it encourages the adoption of React Compiler https://react.dev/learn/react-compiler/introduction .

I have updated the example to support react compiler.

However I have one question regarding the shared dependency cache key, why is it different from the @module-federation/enhanced ones? This took almost an hour to figure out why the code is failing without the CACHE_KEY patch. For normal users they shouldn't need this setup for it to work.

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/@module-federation/vite@761

commit: 72fd916

[gioboa]

Thanks for your help @smeng9

why is it different from the @module-federation/enhanced ones?

Can you elaborate more about this please?

[smeng9]

Can you elaborate more about this please?

If I don't perform the following then the host app will crash with an exception called useMemoCache is not defined when rendering the remote app. I am wondering why this step is needed if we already declare all the sharing in both host and remote.

if (globalThis[CACHE_KEY].share["react"] === undefined) {
  globalThis[CACHE_KEY].share["react"] = React;
}