Is it possible to dynamically add and remove tabs?

I am using Tabs and I want to add/remove tabs dynamically as things are changing. For example before user doing some action he has the tabs A, B, C. After doing some action the tabs should be: 0, B, C, D after doing some another action tabs should back to A, B, C or something else.

When I am just render / not render them using React they rendered not good - tabs content are mixing and the only fix is to refresh the whole app…

I am using React and F7 V5.

Can you create a minimal live example using React template from here How to ask a good question on forum ?

I have solved the issue by hiding only the tab link instead of the whole tab.
So if you are using React you just keep rendering the tab itself but not the link