I am trying to automatically cycle through my tab content for a charts presentation

I have chosen to use something like this:

https://codepen.io/filipemcribeiro/pen/oxXZLr

Although my version of Jquery 3.3.1 and bootstrap 4.1.3 only allows it to auto cycle to just the next tab and then stops

2.     var tabChange = function(){
3.         var tabs = $('.nav-tabs > li');
4.         var active = tabs.filter('.active');
5.         var next = active.next('li').length? active.next('li').find('a') : tabs.filter(':first-child').find('a');
6.         // Bootsrap tab show, para ativar a tab
7.         next.tab('show')
8.     }
9.     // Tab Cycle function
10.     var tabCycle = setInterval(tabChange, 1000)
11.     // Tab click event handler
12.     $(function(){
13.         $('.nav-tabs a').click(function(e) {
14.             e.preventDefault();
15.             // Parar o loop
16.             clearInterval(tabCycle);
17.             // mosta o tab clicado, default bootstrap
18.             $(this).tab('show')
19.             // Inicia o ciclo outra vez
20.             setTimeout(function(){
21.                 tabCycle = setInterval(tabChange, 1000)//quando recomeça assume este timing
22.             }, 1000);
23.         });
24.     });

Please help?!

Thanks