<Tabs/> sometimes gives an error of "null is not an object" if it's scrollable

• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior

I get TypeError: null is not an object (evaluating 'nodeRef.current.offsetHeight'). when I use Tabs component (variant = “scrollable”) on my iPad. It doesn’t happen consistently. On debug, I got to know it’s coming from Tabs/ScrollbarSize.js

Expected Behavior 🤔

Tabs should have work without an error.

Steps to Reproduce 🕹

Steps:

This doesn’t happen consistently so I would leave the page idle (I don’t have an exact time period from the bug filer), and then rotate the device (iPad) from portrait to landscape. https://codesandbox.io/s/dazzling-browser-3hs5d?file=/src/Hello.js&resolutionWidth=1024&resolutionHeight=765 this is what I was able to do, but it takes a period of inactivity in my application, so I’m not sure that you’ll have any luck seeing it. But at least you can see the architecture behind it. Thank you.

Context 🔦

Your Environment 🌎

Material-UI - 4.11.4 React - 17.0.2 Typescript - 4.2.4

[eps1lon]

I added this issue to our backlog because it hints at some false assumptions we have with this particular line of code.

[github-actions[bot]]

Since the issue is missing key information and has been inactive for 7 days, it has been automatically closed. If you wish to see the issue reopened, please provide the missing information.