Nextjs module federation doesn't work when import remote style-components about universe HOT 8 CLOSED

this is original code: https://github.com/Goyathlay/test-nextjs-mf

from universe.

Could you try using namespaces for the babel plugin in each of your projects?

    ["styled-components", {
      "ssr": true,
      "namespace": "shell"
    }]

and

    ["styled-components", {
      "ssr": true,
      "namespace": "component-kit"
    }]

from universe.

Same problem, but with next 11.

It seems to me that the dependencies are not being shared, by the webpack_share_scopes , it is not correct

from universe.

Looks related to the hooks error some are getting

from universe.

The problems seem to be related. Both React and styled components are not being shared between microfronts.

But, expose components is working

from universe.

under the hood i think styled components uses hooks, there is a hook error in your console

from universe.

I can use the sharing of styled-components in the module federation normally, but some warnings occurred in the consumption
It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.

from universe.

在引擎盖下，我认为样式组件使用钩子，您的控制台中有一个钩子错误

Have you ever encountered such a situation

It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.

在引擎盖下，我认为样式组件使用钩子，您的控制台中有一个钩子错误

from universe.