Handling BladeProvider in Module Federation

[snitin315]

Summary

In a module-federated application, both the remote and host applications require the BladeProvider to provide theme context. However, the remote app should inherit the theme context from the host if the host is already wrapped in BladeProvider. Currently, an error occurs if the remote app is not wrapped within the provider, indicating that the context is not being shared correctly.

Problem

When the host application is wrapped in <BladeProvider />, the imported remote application should not need to use <BladeProvider /> again. Despite this, an error is thrown if the remote app is not wrapped within the provider.

Steps to reproduce:

• Visit https://stackblitz.com/edit/bladeprovider-mfe-issue
• Run npm start , app works!
• Now go to app2/src/App.js & remove/comment the wrapper.
• See errors in console.

Expected Behavior

The context provided by BladeProvider in the host application should be available to the remote application, eliminating the need for the remote app to include its own BladeProvider