Receiving [Violation] warning on every render of ScrollContainer

[sean-s14]

Using:

"react-indiana-drag-scroll": "^3.0.3-alpha"

With the following component:

export default function App() {
  const [bool, setBool] = useState(false);

  return (
    <div style={{ padding: 10 }}>
      <button onClick={() => setBool((prev) => !prev)}>Re-render</button>
      <ScrollContainer className="scroll-container">
        {Array.from({ length: 20 }, (_, i) => (
          <div key={i} className="btn">
            {i}
          </div>
        ))}
      </ScrollContainer>
    </div>
  );
}

Every render of the ScrollComponent causes the following warning:

index.es.js:1 - [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event.
Consider marking event handler as 'passive' to make the page more responsive. 
See https://www.chromestatus.com/feature/5745543795965952

Note

This does not happen in version 2.2.0

I have also tested this in a private window (i.e. no extensions or shields) and I still get the same problem.

Reproduce warning:
https://stackblitz.com/edit/stackblitz-starters-yuzvcb?file=src%2FApp.js

Note

The default console in stackblitz will not display these warnings. You have to use the console in your browsers devtools.