Open sourcing our microfrontend React bridge

Posted 23 January 2026


I wrote previously about how we upgraded React incrementally across multiple micro-frontends using a bridge component. We initially looked to use the @module-federation/bridge-react package, but ran into some issues with re-rendering and it doing more than we needed.

To solve this we created our own package, which we're using successfully in production to allow our 28 micro-frontends to upgrade React independently. We've now open sourced this package as @mintel/mfe-react-bridge on npm.

It's a small library with a couple helper functions to provide a React component interface to render micro-frontends that use different React versions (or totally different UI frameworks). It provides TypeScript types, supports React 17 and 18+, and is well-tested.

Hopefully this proves useful to others facing similar challenges with micro-frontends and React versioning. Feel free to raise any issues on GitHub.


Related posts

Upgrading React with micro-frontends

Published

How to upgrade React incrementally across multiple micro-frontends

Dynamically load remoteEntry.js files

Published

Control loading Webpack Module Federation remoteEntry.js files to improve peformance

Delay using a federated module

Published

Ensure federated module has loaded before using it


Thanks for reading

I'm Alex O'Callaghan and this is my personal website where I write about software development and do my best to learn in public. I currently work at Mintel as a Principal Engineer working primarily with React, TypeScript & Python.

I've been leading one of our platform teams maintaining a collection of shared libraries, services and a micro-frontend architecture.

I'm from London and you can find me on a few different social media platforms: