A ton of these errors now show up with the release of React 15.2.0, they appear on a lot of different elements:
warning.js:44 Warning: Unknown props `circle`, `rounded`, `transitionEnabled`, `zDepth` on <div> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
in div (created by Paper)
in Paper (created by Login)
in Login (created by AuthLayout)
in main (created by AuthLayout)
in div (created by AuthLayout)
in MuiThemeProvider (created by AuthLayout)
in AuthLayout (created by WithDeps(AuthLayout))
in WithDeps(AuthLayout)
i am some problem!
warning.js:44Warning: Unknown props
defaultExpanded,
bsClass,
bsStyleon <div> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
in div (created by Panel)
in Panel (created by UserList)
in UserList (created by Container(UserList))
in Container(UserList) (created by UseDeps(Container(UserList)))
in UseDeps(Container(UserList)) (created by MainLayout)
in div (created by MainLayout)
in div (created by MainLayout)
in MainLayout (created by WithDeps(MainLayout))
in WithDeps(MainLayout)warning @ warning.js:44warnUnknownProperties @ ReactDOMUnknownPropertyDevtool.js:89handleElement @ ReactDOMUnknownPropertyDevtool.js:100onBeforeMountComponent @ ReactDOMUnknownPropertyDevtool.js:105(anonymous function) @ ReactDebugTool.js:27emitEvent @ ReactDebugTool.js:24onBeforeMountComponent @ ReactDebugTool.js:275mountComponent @ ReactReconciler.js:45performInitialMount @ ReactCompositeComponent.js:359mountComponent @ ReactCompositeComponent.js:240mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:359mountComponent @ ReactCompositeComponent.js:240mountComponent @ ReactReconciler.js:49_updateRenderedComponent @ ReactCompositeComponent.js:743_performComponentUpdate @ ReactCompositeComponent.js:707updateComponent @ ReactCompositeComponent.js:626performUpdateIfNecessary @ ReactCompositeComponent.js:540performUpdateIfNecessary @ ReactReconciler.js:165runBatchedUpdates @ ReactUpdates.js:152perform @ Transaction.js:138perform @ Transaction.js:138perform @ ReactUpdates.js:91flushBatchedUpdates @ ReactUpdates.js:178closeAll @ Transaction.js:204perform @ Transaction.js:151batchedUpdates @ ReactDefaultBatchingStrategy.js:63enqueueUpdate @ ReactUpdates.js:210enqueueUpdate @ ReactUpdateQueue.js:25enqueueSetState @ ReactUpdateQueue.js:209ReactComponent.setState @ ReactComponent.js:64onData @ compose.js:160composer @ user_list.js:12(anonymous function) @ with_tracker.js:19Tracker.Computation._compute @ tracker.js:323Tracker.Computation._recompute @ tracker.js:342Tracker._runFlush @ tracker.js:507onGlobalMessage @ setimmediate.js:102
warning.js:44Warning: Unknown props
responsive,
striped,
bordered,
condensed,
hoveron <table> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
in table (created by Table)
in div (created by Table)
in Table (created by UserList)
in div (created by Panel)
in div (created by Panel)
in Panel (created by UserList)
in UserList (created by Container(UserList))
in Container(UserList) (created by UseDeps(Container(UserList)))
in UseDeps(Container(UserList)) (created by MainLayout)
in div (created by MainLayout)
in div (created by MainLayout)
in MainLayout (created by WithDeps(MainLayout))
in WithDeps(MainLayout)warning @ warning.js:44warnUnknownProperties @ ReactDOMUnknownPropertyDevtool.js:89handleElement @ ReactDOMUnknownPropertyDevtool.js:100onBeforeMountComponent @ ReactDOMUnknownPropertyDevtool.js:105(anonymous function) @ ReactDebugTool.js:27emitEvent @ ReactDebugTool.js:24onBeforeMountComponent @ ReactDebugTool.js:275mountComponent @ ReactReconciler.js:45mountChildren @ ReactMultiChild.js:237_createInitialChildren @ ReactDOMComponent.js:704mountComponent @ ReactDOMComponent.js:529mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:359mountComponent @ ReactCompositeComponent.js:240mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:237_createInitialChildren @ ReactDOMComponent.js:704mountComponent @ ReactDOMComponent.js:529mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:237_createInitialChildren @ ReactDOMComponent.js:704mountComponent @ ReactDOMComponent.js:529mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:359mountComponent @ ReactCompositeComponent.js:240mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:359mountComponent @ ReactCompositeComponent.js:240mountComponent @ ReactReconciler.js:49_updateRenderedComponent @ ReactCompositeComponent.js:743_performComponentUpdate @ ReactCompositeComponent.js:707updateComponent @ ReactCompositeComponent.js:626performUpdateIfNecessary @ ReactCompositeComponent.js:540performUpdateIfNecessary @ ReactReconciler.js:165runBatchedUpdates @ ReactUpdates.js:152perform @ Transaction.js:138perform @ Transaction.js:138perform @ ReactUpdates.js:91flushBatchedUpdates @ ReactUpdates.js:178closeAll @ Transaction.js:204perform @ Transaction.js:151batchedUpdates @ ReactDefaultBatchingStrategy.js:63enqueueUpdate @ ReactUpdates.js:210enqueueUpdate @ ReactUpdateQueue.js:25enqueueSetState @ ReactUpdateQueue.js:209ReactComponent.setState @ ReactComponent.js:64onData @ compose.js:160composer @ user_list.js:12(anonymous function) @ with_tracker.js:19Tracker.Computation._compute @ tracker.js:323Tracker.Computation._recompute @ tracker.js:342Tracker._runFlush @ tracker.js:507onGlobalMessage @ setimmediate.js:102
warning.js:44Warning: Unknown prop
glyphon <span> tag. Remove this prop from the element. For details, see https://fb.me/react-unknown-prop
in span (created by Glyphicon)
in Glyphicon (created by User)
in a (created by User)
in OverlayTrigger (created by User)
in td (created by User)
in tr (created by User)
in User (created by UserList)
in tbody (created by UserList)
in table (created by Table)
in div (created by Table)
in Table (created by UserList)
in div (created by Panel)
in div (created by Panel)
in Panel (created by UserList)
in UserList (created by Container(UserList))
in Container(UserList) (created by UseDeps(Container(UserList)))
in UseDeps(Container(UserList)) (created by MainLayout)
in div (created by MainLayout)
in div (created by MainLayout)
in MainLayout (created by WithDeps(MainLayout))
in WithDeps(MainLayout)warning @ warning.js:44warnUnknownProperties @ ReactDOMUnknownPropertyDevtool.js:87handleElement @ ReactDOMUnknownPropertyDevtool.js:100onBeforeMountComponent @ ReactDOMUnknownPropertyDevtool.js:105(anonymous function) @ ReactDebugTool.js:27emitEvent @ ReactDebugTool.js:24onBeforeMountComponent @ ReactDebugTool.js:275mountComponent @ ReactReconciler.js:45performInitialMount @ ReactCompositeComponent.js:359mountComponent @ ReactCompositeComponent.js:240mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:237_createInitialChildren @ ReactDOMComponent.js:704mountComponent @ ReactDOMComponent.js:529mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:359mountComponent @ ReactCompositeComponent.js:240mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:237_createInitialChildren @ ReactDOMComponent.js:704mountComponent @ ReactDOMComponent.js:529mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:237_createInitialChildren @ ReactDOMComponent.js:704mountComponent @ ReactDOMComponent.js:529mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:359mountComponent @ ReactCompositeComponent.js:240mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:237_createInitialChildren @ ReactDOMComponent.js:704mountComponent @ ReactDOMComponent.js:529mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:237_createInitialChildren @ ReactDOMComponent.js:704mountComponent @ ReactDOMComponent.js:529mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:237_createInitialChildren @ ReactDOMComponent.js:704mountComponent @ ReactDOMComponent.js:529mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:359mountComponent @ ReactCompositeComponent.js:240mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:237_createInitialChildren @ ReactDOMComponent.js:704mountComponent @ ReactDOMComponent.js:529mountComponent @ ReactReconciler.js:49mountChildren @ ReactMultiChild.js:237_createInitialChildren @ ReactDOMComponent.js:704mountComponent @ ReactDOMComponent.js:529mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:359mountComponent @ ReactCompositeComponent.js:240mountComponent @ ReactReconciler.js:49performInitialMount @ ReactCompositeComponent.js:359mountComponent @ ReactCompositeComponent.js:240mountComponent @ ReactReconciler.js:49_updateRenderedComponent @ ReactCompositeComponent.js:743_performComponentUpdate @ ReactCompositeComponent.js:707updateComponent @ ReactCompositeComponent.js:626performUpdateIfNecessary @ ReactCompositeComponent.js:540performUpdateIfNecessary @ ReactReconciler.js:165runBatchedUpdates @ ReactUpdates.js:152perform @ Transaction.js:138perform @ Transaction.js:138perform @ ReactUpdates.js:91flushBatchedUpdates @ ReactUpdates.js:178closeAll @ Transaction.js:204perform @ Transaction.js:151batchedUpdates @ ReactDefaultBatchingStrategy.js:63enqueueUpdate @ ReactUpdates.js:210enqueueUpdate @ ReactUpdateQueue.js:25enqueueSetState @ ReactUpdateQueue.js:209ReactComponent.setState @ ReactComponent.js:64onData @ compose.js:160composer @ user_list.js:12(anonymous function) @ with_tracker.js:19Tracker.Computation._compute @ tracker.js:323Tracker.Computation._recompute @ tracker.js:342Tracker._runFlush @ tracker.js:507onGlobalMessage @ setimmediate.js:102
According to #4594, this issue is going to be fixed in v0.15.2. When is that scheduled to be released?
Is this closed?
I need help to solve the following warning that I'm facing:
Unknown props 'eventKey', 'active' on <a> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
聽 聽 in a (created by EnhancedButton)
聽 聽 in EnhancedButton (created by ListItem)
聽 聽 in div (created by ListItem)
聽 聽 in ListItem (created by MenuItem)
聽 聽 in MenuItem (created by App)
聽 聽 in LinkContainer (created by App)
聽 聽 in div (created by Paper)
聽 聽 in Paper (created by Drawer)
聽 聽 in div (created by Drawer)
聽 聽 in Drawer (created by App)
聽 聽 in div (created by App)
聽 聽 in MuiThemeProvider (created by App)
聽 聽 in App (created by Connect(App))
聽 聽 in Connect(App) (created by Connect(Connect(App)))
聽 聽 in Connect(Connect(App)) (created by RouterContext)
聽 聽 in RouterContext (created by ReduxAsyncConnect)
聽 聽 in ReduxAsyncConnect (created by Connect(ReduxAsyncConnect))
聽 聽 in Connect(ReduxAsyncConnect) (created by Router)
聽 聽 in Router
聽 聽 in Provider
and
Unknown prop 'nestedLevel' on <div> tag. Remove this prop from the element. For details, see https://fb.me/react-unknown-prop
聽 聽 in div (created by List)
聽 聽 in List (created by App)
聽 聽 in div (created by List)
聽 聽 in List (created by NestedList)
聽 聽 in NestedList (created by ListItem)
聽 聽 in div (created by ListItem)
聽 聽 in ListItem (created by App)
聽 聽 in div (created by List)
聽 聽 in List (created by App)
聽 聽 in div (created by Paper)
聽 聽 in Paper (created by Drawer)
聽 聽 in div (created by Drawer)
聽 聽 in Drawer (created by App)
聽 聽 in div (created by App)
聽 聽 in MuiThemeProvider (created by App)
聽 聽 in App (created by Connect(App))
聽 聽 in Connect(App) (created by Connect(Connect(App)))
聽 聽 in Connect(Connect(App)) (created by RouterContext)
聽 聽 in RouterContext (created by ReduxAsyncConnect)
聽 聽 in ReduxAsyncConnect (created by Connect(ReduxAsyncConnect))
聽 聽 in Connect(ReduxAsyncConnect) (created by Router)
聽 聽 in Router
聽 聽 in Provider
@agungsb
did you find solution for this?
Unknown props 'active' on <a> tag. Remove these props from the element
I'm having the same issue with a <span>
tag. Any solutions would be appreciated.
A possible solution: https://facebook.github.io/react/warnings/unknown-prop.html
I upgraded to ^0.16.2
and its working now
I get this again with material-ui v0.18.0
and React Versionv15.5.4
Same here on material-ui v0.18.0
.
Workaraound from @daralion worked for me.
Wrap element in <ListItem diabled={true}>...</ListItem>
.
Property disabled={true}
disables the hover effect.
Issue https://github.com/callemall/material-ui/issues/6403#issuecomment-289481623
Element to be wrapper in my case is'Divider, but the styles are distorted when wrapping Divider on ListItem.
What should be the styles to be applied to fix this?
Most helpful comment
Is this closed?
I need help to solve the following warning that I'm facing:
and