You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Both Website1 and Website2 have their own imported.js. Website1 consumed a shared component(SomeComponent) from Website2 by using dynamic import. And SomeComponent also import an async component.
In server side, it work as expected----created all marks.
In client side, it cause Error: react-imported-component: unknown mark.
I think this is because the marks on the server side created are inconsistent with the LOADABLE_MARKS in the client bundle.
After calling rehydrateMarks, the LOADABLE_MARKS may be correct, depends on the level of nesting
I have tried my best to solve it (master...eon-lee96:master). It works fine in demo, But i am not sure if this is the best solution
The text was updated successfully, but these errors were encountered:
Version
Latest
Reproduction link
https://github.com/eon-lee96/my-mf-ssr-example
Steps to reproduce
Just follow the README to run demo
What is actually happening?
For short: nesting import cross two builds
Both Website1 and Website2 have their own
imported.js
. Website1 consumed a shared component(SomeComponent
) from Website2 by using dynamic import. AndSomeComponent
also import an async component.In server side, it work as expected----created all marks.
In client side, it cause
Error: react-imported-component: unknown mark
.I think this is because the marks on the server side created are inconsistent with the LOADABLE_MARKS in the client bundle.
After calling
rehydrateMarks
, the LOADABLE_MARKS may be correct, depends on the level of nestingI have tried my best to solve it (master...eon-lee96:master). It works fine in demo, But i am not sure if this is the best solution
The text was updated successfully, but these errors were encountered: