UI does not update on state change

Currently it seems the active param doesn’t listen to the provided state, as a result it doesn’t seem to update when the state changes.

[cbetta]

Tnx for the tip @dereksweet, that might work for me.

[dereksweet]

I can verify this is indeed an issue. So long as you modify the state by clicking the hamburger then it animates properly. If you modify the state outside of the hamburger component the hamburger does not animate.

I got a workaround to work by creating a ref to the hamburger and then calling the ._animate() function manually whenever I update the state:

// clickNavLink is called outside of Hamburger from a nav bar that pops up. 
const clickNavLink = (pane) => {
  routingActions.setVisiblePane(pane);
  statusBarActions.toggleHamburgerActive();
  this.hamburger._animate();
};

<Hamburger ref={hamburger => { this.hamburger = hamburger }}
           active={state.hamburger_active}
           type="spinCross"
           color="black"
           onPress={() => statusBarActions.toggleHamburgerActive()} />