title: disableScrolling not overriding the default disableScrolling behaviour in react-joyride
body: <p>I am using react-joyride package to create a tour.
  On the main component, I am not changing the value of disableScrolling, so it is scrolling to each step as required.</p>
  <pre><code>&lt;Joyride
      styles={{
        options: {
          backgroundColor: '#fff',
          width: '328px',
          textColor: '#5E7079',
        },
      }}
      run={run}
      steps={steps as Step[]}
      stepIndex={certificationIndex}
      hideCloseButton
      hideBackButton
      disableCloseOnEsc
      disableOverlayClose
      scrollOffset={300}
      callback={(state) =&gt; {
        console.log('State is ', state);
      }}
    /&gt;
  </code></pre>
  <p>Now there are some steps where I want to disable it. So I am providing it in the step configurations as disableScrolling: true but it is still scrolling to that step.</p>
  <pre><code>{
  target: '.xyz',
  disableBeacon: true,
  placement: 'bottom',
  spotlightClicks: true,
  disableScrolling: true,
  content: (
    &lt;div className=&quot;tip-content-tour&quot;&gt;
      This is some text for the tooltip
    &lt;/div&gt;
  ),
  </code></pre>
  <p>}</p>