Material-ui: react-unknown-prop

Created on 1 Jul 2016  路  12Comments  路  Source: mui-org/material-ui

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)
duplicate

Most helpful comment

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

All 12 comments

4594

i am some problem!

warning.js:44Warning: Unknown propsdefaultExpanded,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 propsresponsive,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 propglyphon <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.

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?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

iamzhouyi picture iamzhouyi  路  3Comments

zabojad picture zabojad  路  3Comments

revskill10 picture revskill10  路  3Comments

rbozan picture rbozan  路  3Comments

TimoRuetten picture TimoRuetten  路  3Comments