Estoy trabajando en un proyecto de micro-frontend basado en React js, Redux-Saga y Webpack 5 Module Federation. Hay un proyecto de "plataforma ui" como host y "image-ui" como aplicación remota.

image-ui > RemoteWrapper.js

 import React from 'react'; import rootReducer from './redux/rootReducers'; import rootSaga from './redux/rootSaga'; const ImagePage = React.lazy(() => import('./pages')); export const SCOPE = 'IMAGE'; const RemoteWrapper = (props) => { const { store } = props; store.injectModule(SCOPE, rootReducer, rootSaga); return <ImagePage />; }; export default RemoteWrapper;

Recibo el siguiente error:

Si bien hay una etiqueta de proveedor en el proyecto ui-platform, como puede ver en el error. Si envuelvo ImagePage en Provider, el error se solucionará, pero debe funcionar bien sin la etiqueta de proveedor en image-remote.

¿Podría por favor compartir su experiencia conmigo?