When passing props updated by a useEffect() hook from parent → router → child, the parent and router components re-render properly with the updated state but the updated state does not get passed to the child because the child is not re-rendered.
This bug only occurs when using the /:tab(name) feature, as documented below.
Interesting. On Ionic-react 6.1.14? It doesn’t update for me.
This bug was causing issues for me because my actual data flow goes AsyncDataLoader → Routes → Pages. When state got updated from the AsyncDataLoader, my Pages weren’t re-rendering with the updated data. Currently as a workaround I’m just not using the :tab(name) feature.
This is still an issue. Currently on ionic-react 6.2.8. I added the :tab() feature back in to my app just to see and immediately the render method of the child stops getting called after state updates from a parent. Though everyone works fine without even using the tabs feature soo…