I have a app in the below structure
---Main App (router-outlet>) --Animal () -Dashboard. (url app/dog/dashboard)
--Animal (router-outlet>) -Dashboard (url app/cat/dashboard)
Now I want to separate the Dashboard component, i.e DogDashboard and CatDashboard and load it via the router-outlet of Animal component through module federation.
What I could do so far is create the Main App as shell, create another app for Dogdasboard, but when I navigate to cat dashboard via remotes, the parent router-outlet is used and not the child (animal router outlet). Any idea if this can be done?
javascript react micro-frontend webpack-module-federation