Snackbar is not working. Cannot set property 'transition' of undefined

Rendering snackbar results in error from Grow.js.

• [x ] The issue is present in the latest release.
• [x ] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Rendering open snackbar results in this error.

<Snackbar open>
  <React.Fragment>test</React.Fragment>
</Snackbar>

AddReminderForm.tsx:151 Uncaught (in promise) TypeError: Cannot set property 'transition' of undefined
    at Grow.js:98
    at Object.onEnter (Grow.js:70)
    at Transition.performEnter (Transition.js:262)
    at Transition.updateStatus (Transition.js:228)
    at Transition.componentDidMount (Transition.js:172)

stacktrace continues…

Expected Behavior 🤔

I should get my lovely snackbar to render error-free 😃

Steps to Reproduce 🕹

1. Install the latest material-ui/core.
2. Put a snackbar in your app and set open={true} so that it renders.
3. Observe the crash and error.

https://codesandbox.io/s/elated-gauss-8kq2u

Context 🔦

Just rendering a snackbar. That’s really it.

Your Environment 🌎

Tech	Version
Material-UI	v4.9.14
React	^16.12.0
Browser	Chrome 81.0.4044.138
TypeScript	^3.7.5

[eps1lon]

Fixed in https://github.com/mui-org/material-ui/pull/21883

[eps1lon]

Unless we force an element that can forward the ref #21089 (comment), I don’t see how we could implement it, idea?

If we try to use a method on the node we check first if it’s defined.