Use startsWith matcher for react MFE routes

[Abhishek Anand]

Hi,

I am using React MFE in Angular shell. matcher: startsWith(...) works well if the MFE is Angular too. What if react MFE has routes and I want to include them all in Angular shell? Tried using matcher but did not work

[Manfred Steyer]

Hi,

Is your shell Angular and your MFE react?

[Abhishek Anand]

@manfredsteyer yes. Shell is Angular 14 and MFE is React 17/18 typescript

[Manfred Steyer]

So let's say the url that should make the shell to route to the react app looks as follows:

/react-mfe1/start

In this case, the Angular shell needs a matcher matching everything starting with /react-mfe1/

And the react app needs to have routes like

/react-mfe1/start
/react-mfe1/further-route
/react-mfe1/etc

Does this work?

Best wishes,
Manfred

[Abhishek Anand]

No it does not. It does not load any page, not even with '' as path (default page) when router is configured in react app

[Abhishek Anand]

@manfredsteyer I am using react-router-dom in react app for routing. any suggestions on how to make this work?