Carousel scrolls by itself when re-rendered, using infinite option

[sudravi]

Describe the bug
The CodeSandbox below demonstrates the problem. It has two tabs, one with Carousel and one blank. If you switch between tabs, you'll notice the tab with Carousel scrolls by itself when it's re-rendered. This only happens with the infinite option enabled.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://codesandbox.io/s/react-carousel-forked-y5ii2
2. Click on 'Tab2' and click back to 'Tab1'
3. See scrolling behavior

Expected behavior
Don't expect any scrolling to happen by itself.

Screenshots
None

Environment

• please paste the result of npx envinfo --system --binaries --browsers --npmPackages '@brainhubeu/*'
• System:
  OS: macOS 11.1
  CPU: (8) x64 Intel(R) Core(TM) i5-8257U CPU @ 1.40GHz
  Memory: 393.52 MB / 8.00 GB
  Shell: 5.8 - /bin/zsh
  Binaries:
  Node: 14.15.3 - ~/.nvm/versions/node/v14.15.3/bin/node
  npm: 6.14.9 - ~/.nvm/versions/node/v14.15.3/bin/npm
  Browsers:
  Chrome: 87.0.4280.88
  Safari: 14.0.2
  npmPackages:
  @brainhubeu/react-carousel: ^2.0.2 => 2.0.2
• desktop
• Browser Chrome

[takeshi-evan]

Same problem here