Hook problems when calling a React remote from Next

[LukNasc]

Describe the bug

I'm trying to call remote modules dynamically using "injectScript", my host app is Next 14 while the remotes can be Angular or React, the Angular remote works correctly, but the React applications cause a Hook error. React apps are usually at version 17.X. Evidence of the error follows.

This is my host app using the injectScript

  const bundleLoadConfig: LoadRemoteModule = {
    url:"...",
    global:"...",
    module:"...",
  };

const Component = dynamic<any>(() => loadRemoteModule(bundleLoadConfig), {
    ssr: false,
    loading: loading ?? (() => <p>Loading...</p>),
  });

return <Component>{children}</Component>;

Obs: this is component DynamicBundle and i call this component when i want load dynamic chunk

Reproduction

n/d

Used Package Manager

npm

System Info

System:
    OS: Windows 11 10.0.22621
    CPU: (8) x64 Intel(R) Core(TM) i5-10310U CPU @ 1.70GHz
    Memory: 3.68 GB / 15.73 GB
  Binaries:
    Node: 18.19.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.2.3 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (121.0.2277.98)
    Internet Explorer: 11.0.22621.1

Validations

• Read the docs.
• Read the common issues list.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Module federation issue and not a framework-specific issue.
• The provided reproduction is a minimal reproducible example of the bug.

[ScriptedAlchemy]

Dont use next/dynamic, use react.lazy
dont use federation/utilities package, use module-federation/runtime
If server side, react needs to be marked as external in the remote server build for commonjs, next cant bundle react correctly

[LukNasc]

Hi, thanks for the help. But I got this error:

[ScriptedAlchemy]

Ignore the type issues and see if it runs.

[LukNasc]

No, i got the same error

[ScriptedAlchemy]

Ill need a repo

[ScriptedAlchemy]

@LukNasc dont use injectScript, use loadRemote from module-federation/runtime