getActiveElement() Updates after next and always returns the previous element

[hsbsid]

useEffect(() => {
    const driverObj = driver({
      popoverClass: 'driverjs-theme',
      showButtons: ['close','next'],
      allowClose: false,
      steps: [
        //{ element: '#x', popover: { title: 'Welcome', description: '.' } },
        { element: '#sidebar', popover: { title: '1', description: 'Description' }},
        { element: '#nameSection', popover: { title: '2', description: 'Description' } },
        { element: '.scrolledCard', popover: { title: '3', description: 'Description' } },
        { element: '.avaterSection', popover: { title: '4', description: 'Description' } },
      ],
      onPopoverRender: () => {
          let e = driverObj.getActiveElement();
          console.log(e);
    }, 
    });

    driverObj.drive();
  })

With the above useEffect, I am trying to print the element as the popover loads. On load the console shows undefined, on next it prints the previous element, and at done it finishes without printing the last element. I even tried following the initial .drive() with a .refresh() but no luck.

[kamranahmedse]

Fixed in 1.2.x — thank you!