search

mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.87k stars 32.26k forks source link

'TransitionProps' of ExpansionPanel not recognized by react #16913

Closed peaceink37 closed 5 years ago

peaceink37 commented 5 years ago

Current Behavior 😯

When trying to use TransitionProps within the ExpansionPanel component, I get the following warning: 'React does not recognize the TransitionProps prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase transitionprops instead. If you accidentally passed it from a parent component, remove it from the DOM element.'

I am thus unable to tie event callbacks to the Transition component, which I need for integration testing.

This is either an issue with Material UI or one of its dependencies 'react-transition-group'

Expected Behavior 🤔

ExpansionPanel accepts and processes TransitionProps in the same manner that that the TextField component processes InputProps

Steps to Reproduce 🕹

https://codesandbox.io/s/sharp-chebyshev-3wxwp

Steps:

  1. Go to https://codesandbox.io/s/sharp-chebyshev-3wxwp
  2. Open your Chrome developer tools
  3. Refresh page
  4. You'll not both that a warning is issued in the console regarding TransitionProps and also that a transition callback is not called.

Context 🔦

I am unable to employ event callbacks when transitions are complete in the ExpansionPanel component.

Your Environment 🌎

I am using PyCharm 2018.3 on a Windows 10 machine

Tech Version
Material-UI v3.9.3
React v16.3.1
Browser Chrome 75
TypeScript
etc.
joshwooding commented 5 years ago

Your issue has been closed because it does not conform to our issue requirements.

Please fill out the issue template and provide a minimal reproducible example.