Solid Router within Router
Hi I am encountering something weird and can't figure out either what I am doing wrong.
I have an initial Router a the App.tsx level like so:
Then under ContractLifecycle I have another router like so:
When I load the App, the StartApp component loads fine, but when I navigate to "contract/", the LoadEncode component doesn't load, which is what I would have expected (same as / loading for the App router). If however I reload the page (click reload in the browser) then the LoadEncode component page shows up.
I also tried without the "/" at the end like so:
But the result is the same.
I have an initial Router a the App.tsx level like so:
<Router base="/">
<Route path="/" component={StartApp} />
<Route path="/contract" component={ContractLifecycle}/>
<Route path="*404" component={()=> <div>Page Not found {useLocation().pathname}!</div>} />
</Router>Then under ContractLifecycle I have another router like so:
<Router base="contract/">
<Route path="/" component={LoadEncode}/>
<Route path="/prepare" component={Prepare}/>
</Router>When I load the App, the StartApp component loads fine, but when I navigate to "contract/", the LoadEncode component doesn't load, which is what I would have expected (same as / loading for the App router). If however I reload the page (click reload in the browser) then the LoadEncode component page shows up.
I also tried without the "/" at the end like so:
<Router base="contract">
<Route path="" component={LoadEncode}/>
<Route path="/prepare" component={Prepare}/>
</Router>But the result is the same.
