First "swipe"-animation is missing in Tab Bar with react-swipeable-views

[ghost]

The issue is related to the Material UI Tab Bar with multiple Tabs and the react-swipeable-views.
The react-swipeable-views provides slide animation and a swipe gesture on touch screen devices. react-swipeable-views is already mentioned on the material-ui component library itself.
I hope that someone will be able to solve the below explained issue.

Current Behavior 😯

The first "swipe" animation when selecting another tab (mouse click on other tab name) is missing. All further animations will appear.

Expected Behavior 🤔

The user expects the "swipe" animation on all Tab switches.

Steps to Reproduce 🕹

The issue exists in the component library on the homepage as well. You can see it here: https://material-ui.com/components/tabs/#full-width

Steps:

1. Tab bar and swipeable views are loaded and one tab is selected initially
2. Select another tab (with mouse click)
3. BUG -> There is no "swipe"-animation.
4. From now on the animation will appear when you select other tabs

Context 🔦

I am facing exact the same issue on my project. But furthermore I am using React (obviously), TypeScript and NextJS for Server Side Rendering.

Your Environment 🌎

`npx @material-ui/envinfo`

System: OS: macOS 11.1 Binaries: Node: 14.3.0 - /usr/local/bin/node Yarn: Not Found npm: 6.14.11 - ~/Projects/Spozing/spozing/frontend-booking-agent/node_modules/.bin/npm Browsers: Chrome: 88.0.4324.96 Edge: Not Found Firefox: 85.0 Safari: 14.0.2 npmPackages: @material-ui/core: ^4.11.3 => 4.11.3 @material-ui/icons: ^4.11.2 => 4.11.2 @material-ui/lab: ^4.0.0-alpha.57 => 4.0.0-alpha.57 @material-ui/styles: 4.11.3 @material-ui/system: 4.11.3 @material-ui/types: 5.1.0 @material-ui/utils: 4.11.2 @types/react: ^17.0.0 => 17.0.0 react: ^17.0.1 => 17.0.1 react-dom: ^17.0.1 => 17.0.1 typescript: ^4.1.3 => 4.1.3

[oliviertassinari]

Duplicate of #22351