Store is not preserved through routes (react-router-dom)

[ikanadev]

Hello, I'm really like kea, it's really powerful and simple to use. But seems like I found a bug?, here is the thing.

If a route (or any of its children components) are not using the store, this is reset to default values.
I mean:

<Switch>
          <Route path="/r1">
            <R1 />
          </Route>
          <Route path="/r2">
            <R2 />
          </Route>
          <Route path="/">
            <Home />
          </Route>
</Switch>

Here Home and R1 are using the store, this is preserved browsing between them. But if you go to R2 (which is not using the store) and come back to Home the store is reset to his default values. Here is a repo with the minimal files to demonstrate this: https://github.com/vmkevv/kea-with-react-router

I've already read all the documentation and didn't find a solution.

[mariusandra]

Hey, logic is unmounted and its data cleared if it's not being used by any component.

The solution here would be to use

useMountedLogic(logic)

at the top of your <App />

[ikanadev]

Thank you so much. It works perfectly.