disableScrolling not overriding the default disableScrolling behaviour in react-joyride

[MuhammadZainEjaz]

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.

<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) => {
      console.log('State is ', state);
    }}
  />

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.

{
target: '.xyz',
disableBeacon: true,
placement: 'bottom',
spotlightClicks: true,
disableScrolling: true,
content: (
  <div className="tip-content-tour">
    This is some text for the tooltip
  </div>
),
}

[gilbarbara]

I'm discussing this in #817