title: React joyride - closing tour leads to the next step instead
body: <p>Im having issues with closing the tour. Clicking on the &quot;Skip tour&quot; leads to the next step... Why? Why it doesnt close the tooltip?</p>
  <p>Sample:</p>
  <pre><code>const App = () =&gt; {
    const steps = [];
  
    return (
      &lt;div&gt;
        &lt;div style={{ background: 'yellow' }} className={'a'}&gt;
          hey
        &lt;/div&gt;
        &lt;div style={{ background: 'green' }} className={'b'}&gt;
          hey
        &lt;/div&gt;
        &lt;div style={{ background: 'red' }} className={'c'}&gt;
          hey
        &lt;/div&gt;
        &lt;Joyride steps={steps} tooltipComponent={CustomTooltip} /&gt;
      &lt;/div&gt;
    );
  };
  
  const CustomTooltip = ({
    index,
    size,
    step,
    closeProps,
    primaryProps,
    tooltipProps,
    isLastStep,
  }) =&gt; (
    &lt;div {...tooltipProps} style={{ background: 'blue', padding: '20px' }}&gt;
      &lt;button {...closeProps}&gt;Skip Tour&lt;/button&gt;
      &lt;button {...primaryProps}&gt;{isLastStep ? 'Close' : 'Next'}&lt;/button&gt;
    &lt;/div&gt;
  );
  </code></pre>
  <p>Playground: <a href="https://codesandbox.io/s/boring-carson-fmrfo?file=/src/index.tsx" rel="nofollow noreferrer">https://codesandbox.io/s/boring-carson-fmrfo?file=/src/index.tsx</a></p>
  <p>Docs: <a href="https://docs.react-joyride.com/custom-components" rel="nofollow noreferrer">https://docs.react-joyride.com/custom-components</a></p>