search

reactjs / react-transition-group

An easy way to perform animations when a React component enters or leaves the DOM
https://reactcommunity.org/react-transition-group/
Other
10.1k stars 652 forks source link

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

Open irehmanullah opened 1 year ago

irehmanullah commented 1 year ago

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, })}

pete-murphy commented 1 year ago

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