Toolbar tabs title not updated

Good morning.
When I create my pivot table, I want to customize the toolbar and I use the method you explain in the website, I have changed the handler, menu and icons succesfully if needed, but no matter what I do, the title of the tab remains the same even though I introduce a new String in my code.

This is the code of the methods. setupToolbar is called in the beforetoolbarcreated event and the one I am trying to change is tabs[0] from "Connect" to "Source".

 setupToolbar(toolbar: Flexmonster.Toolbar, pivot: FlexmonsterPivot, dataSource: DataSourceModel) {
      let tabs = toolbar.getTabs();
  
      toolbar.getTabs = () => {
        tabs[0] = this.createNewTool(tabs[0], pivot.flexmonster, dataSource);
        tabs[1] = this.createNewOpenTool(tabs[1], pivot.flexmonster, dataSource);
        tabs[2] = this.createNewSaveTool(tabs[2], pivot.flexmonster, dataSource);
        console.log('t', tabs);
        return tabs;
      };
  }
  
  public createNewTool(toolbarItem: Flexmonster.ToolbarTab, pivot: Flexmonster.Pivot, dataSource: DataSourceModel): Flexmonster.ToolbarTab {
    return {
      id: toolbarItem.id,
      icon: toolbarItem.icon,
      title: 'Source',
      menu: undefined,
      handler: () => this.openDataSourceModal(pivot, dataSource),
    }
  }

Attached you can find a screenshot of the screen and the console log that I have in that code.