IndexFilters applied filter pill not rendered after page refresh

[CapySloth]

Summary

Found a bug with IndexFilters component where applied filters aren't rendering pills as expected after a page refresh, for any IndexTable filter added with the "Add filter +" button. This is despite properties having correct values.

Expected behavior

After reloading, applied filters should display a pill per applied filter.

Actual behavior

Wrap animated gifs/videos in a details tag:

Summary of your gif(s)

polaris.bug.mp4

Steps to reproduce

Link to sandbox

1. Navigate to a page implementing IndexTable with IndexFilters
2. Click Search icon to start applying filters to IndexTable
3. Apply filter with "Add filter +" button
4. Refresh the page
5. Observe that pills previously added are not rendered. Clicking the same filter, will pre-select the previously selected filter

Are you using React components?

1. IndexTable
2. IndexFilters

Polaris version number

"@shopify/polaris": "12.27.0"

Browser

Google Chrome

Device

MAC