webext-redux: State not Updating Properly after Page Refresh?

What’s up Tyler. This issue may be due to my limited understanding exactly how react-redux should work, but here’s what’s happening:

1. Create recording.
2. UI gets updated.
3. End recording.
4. UI gets updated to be removed.

This is the proper behavior for our extension. When I do this:

1. Create recording.
2. UI gets updated.
3. Refresh page.
4. UI comes back to proper state.
5. End recording.
6. UI is not removed.

The UI is not removed and in fact a nested component that shouldn’t be getting rendered does and its mapStateToProps function is getting called (which is throwing an error). I made a recording showcasing the bug with our tool:

https://www.opentest.co/share/d07eab70645c11e69680a3b55516ed77

Not sure what could be the cause, but I’m game to look into this today since this is kinda a high priority for us to fix.