Tab not working after navigate to new page

I have a page/component media.f7 which has the swipeable table (Tabs | Framework7 Documentation)

The media.f7 page loads different data based on the path parameter
When i navigate from media/test to media/test2 the tabs don’t work on the second page but swiping works.

If i go back to the previous page, the tabs work fine on the previous one

I just solved this my adding a unique suffix to the tab ids

media/test11 has tabs #overview_test11, #another_test111

media/001 has tabs #overview_001