reactjs/react-transition-group

Warning: Unknown event handler property `onExited`. It will be ignored

irehmanullah opened this issue · 1 comments

I have Updated to latest version(4.4.5) and i am getting this warning in the console. Here is the part of code where i am using TransitionGroup:

<TransitionGroup
style={{ backgroundColor: sideBarBackgroundColor }}
className={cx('app-sidebar h-100', {
'sidebar-shadow': enableSidebarShadow,
})}

Do you happen to have any non-Transition components rendered within TransitionGroup? For example, this will trigger that error

<TransitionGroup>
  <p>Oops, rendered a paragraph tag inside TransitionGroup</p>
</TransitionGroup>

In the console, you'll see something like

Warning: Unknown event handler property `onExited`. It will be ignored.
p
div
TransitionGroup@https://m5goy8.csb.app/node_modules/react-transition-group/esm/TransitionGroup.js:35:30
div
$csb$eval/Nav<@https://m5goy8.csb.app/node_modules/@restart/ui/esm/Nav.js:40:109
$csb$eval/ListGroup<@https://m5goy8.csb.app/node_modules/react-bootstrap/esm/ListGroup.js:19:196
div
$csb$eval/Container<@https://m5goy8.csb.app/node_modules/react-bootstrap/esm/Container.js:14:36
TodoList@https://m5goy8.csb.app/index.js:18:49 
    in p (created by TodoList)
    in TodoList index.js:27:25

CodeSandbox https://codesandbox.io/s/react-transition-group-857-m5goy8