Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: Route components not being unmounted correctly

See original GitHub issue

Bug Report

Ionic version:

[x] 5.x

Current behavior: Route components aren’t unmounted correctly after navigation and preserves the state of components.

Expected behavior: It should be a “clean slate” when re-entering route components similarly to how it works with other react components.

Steps to reproduce: I have linked a code sand box that shows the issue. Each route has a stateful component (using xstate) and on browsing between the two routes the state is preserved between the routes. Note this doesn’t happen with react’s setState but does happen in this case due to the use of useRef. As noted on the react docs, useRef should only last for the lifetime of the component which suggests that the components aren’t being unmounted.

Issue Analytics

State:
Created 3 years ago
Comments:8 (3 by maintainers)

Top GitHub Comments

1reaction

allforabitcommented, Jun 17, 2020

I tried setting up a fresh sandbox but ionic and code sandbox don’t seem to be playing together for some reason: https://codesandbox.io/s/ionic-smoke-test-62vvv I’ll try again in a day or two.

0reactions

ionitron-bot[bot]commented, Jul 18, 2020

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.