All Questions
Tagged with webpack-module-federation react-router-dom
11
questions
0
votes
0
answers
233
views
Module Federation in React App (cross-origin error was thrown)
I am implementing a React microfrontend using Module Federation (1 Host and 1 child).
I am using React version 17 with "@craco/craco" version as "7.0.0"
CHILD APP CODE BELOW
In my ...
- 50.3k
0
votes
0
answers
197
views
how to support different react-router-dom versions with Webpack module federation
We have a host app with old react-router-dom version (react-router-dom:^4.3.1) and we are trying to integrate react micro-app with latest react-router-dom (react-router-dom:^6.7.0)
I tried different ...
2
votes
0
answers
856
views
Navigate To Home Conflict In React Router and Module Federation
I am trying to use React Router in a microfrontend setup as below;
I use React, React-Dom and React-Router-Dom as shared between federated applications.
// package.json
"dependencies"...
- 241
0
votes
1
answer
2k
views
Webpack Module federation with react router - getting query params from microfrontend module
In my main app, I have a route with this path:
<Route path="/case/role/:caseNumber/:department" element={<RolePage />} />
RolePage imports microfrontend module with the same ...
- 1,661
3
votes
1
answer
331
views
How to render NotFound page if the entered path is not matching the route in module federation react micro frontends?
Usually, we will show the NotFound page to the user if the provided path is not matching using the below code
<Route path={"*"} component={NotFound} />
But when I add this, it always ...
- 1,438
5
votes
1
answer
5k
views
React Router Dom v6.4 doesn't allow history.listen (prior suggestions deprecated) with createBrowserRouter or createMemoryRouter
react-router-dom v. 6.4.2 doesn't allow history.listen as referenced in the code example below. This is for a mfe with module federation.
In the code example using history.listen, if a link is ...
- 386
5
votes
2
answers
20k
views
Micro Frontend by Module Federation with react-router-dom v6
I'm start using Micro Frontend with Module Federation Plugin . Now i faced with some issues on building routing between my applications. My Host application have route 3 mfe apps. Each of them have ...
- 131
2
votes
1
answer
3k
views
What is best practice when it comes to react Microfrontend Architecture and React Router Best Practices
I am working on building a microfrontend POC in React using ModuleFederation
My question surrounds best practices when it comes routing ['react-router-dom v6']
Currently, I have my application split ...
- 39
7
votes
1
answer
11k
views
Webpack module federation and react-router-dom
How to properly setup ModuleFederation and react-router-dom so that I can have
Router and routes defined in Host app
and remote Header app has <Link> components pointing to the routes defined ...
- 1,671
2
votes
0
answers
1k
views
My routing with React router dom, <Route /> not working
I'm building a module federation/react aplication. I'm currently working on my container, and i've been setting up the environment for everything, including TS, now, when i try to create my routes, ...
- 591
2
votes
2
answers
1k
views
React router - code splitting lazy imports. Switch with Suspense outside
I'm using module federation from webpack and my core app contained all routes to the rest of the app. What works fine is that inside the Switch, I just had each AuthRoute or Route manually rather than ...
- 600