Fast: Status bar showing wrong active component after refresh in fast-development-site-react

[fmamic]

Describe the bug; what happened?

Status bar is showing wrong active component after refreshing the page.

What are the steps to reproduce the issue?

1. "npm start" the "fast-components-react-base" package
2. Navigate to the Tabs component
3. Check status bar, should correctly display Tabs.
4. F5 (refresh)
5. Check status bar, it is showing Breadcrumb as active component.

What behavior did you expect?

Tabs component was selected and active and status bar should say Component: Tabs

If applicable, provide screenshots:

In what environment did you see the issue?

Chrome

[kartik-budhiraja]

I would like to work on this issue if it's available.

[chrisdholt]

@kartik-budhiraja sure thing, feel free to send a PR! For some reason I can't assign to you, but I'll assign it out to myself to ensure it doesn't get picked up.

As an FYI, while the issue shows that this is repro'd in the fast-react-components-base package, the code with the issue is within the fast-development-site-react package, specifically in src/site/index.tsx.

Let us know if you have any questions!

[janechu]

Fixed by #1513