react-unknown-prop #4602

markshust · 2016-07-01T21:38:10Z

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)

The text was updated successfully, but these errors were encountered:

nathanmarks · 2016-07-01T22:43:45Z

#4594

vauruk · 2016-07-05T21:11:16Z

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

shatyajeet · 2016-07-07T13:18:11Z

According to #4594, this issue is going to be fixed in v0.15.2. When is that scheduled to be released?

agungsb · 2016-07-19T02:59:29Z

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

majidkarimizadeh · 2016-09-05T09:29:17Z

@agungsb
did you find solution for this?
Unknown props 'active' on <a> tag. Remove these props from the element

atalebagha · 2016-09-05T15:44:06Z

I'm having the same issue with a <span> tag. Any solutions would be appreciated.

AlbertoTorre · 2016-09-13T19:33:31Z

A possible solution: https://facebook.github.io/react/warnings/unknown-prop.html

wordyallen · 2016-11-17T01:25:49Z

I upgraded to ^0.16.2 and its working now

ChrisHaPunkt · 2017-05-09T12:46:13Z

I get this again with material-ui v0.18.0 and React Version v15.5.4

SkyLeite · 2017-05-10T17:55:10Z

Same here on material-ui v0.18.0.

ChrisHaPunkt · 2017-05-11T07:06:20Z

Workaraound from @daralion worked for me.

Wrap element in <ListItem diabled={true}>...</ListItem>.
Property disabled={true} disables the hover effect.

Issue #6403 (comment)

sreerajkksd · 2017-08-06T10:16:46Z

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?

nathanmarks closed this as completed Jul 1, 2016

nathanmarks added the duplicate This issue or pull request already exists label Jul 1, 2016

oliviertassinari mentioned this issue Oct 1, 2023

[pickers] UX design review v6.0.0-alpha.14 mui/mui-x#7440

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

react-unknown-prop #4602

react-unknown-prop #4602

markshust commented Jul 1, 2016

nathanmarks commented Jul 1, 2016

vauruk commented Jul 5, 2016 •

edited

shatyajeet commented Jul 7, 2016

agungsb commented Jul 19, 2016

majidkarimizadeh commented Sep 5, 2016

atalebagha commented Sep 5, 2016 •

edited

AlbertoTorre commented Sep 13, 2016

wordyallen commented Nov 17, 2016

ChrisHaPunkt commented May 9, 2017

SkyLeite commented May 10, 2017

ChrisHaPunkt commented May 11, 2017 •

edited

sreerajkksd commented Aug 6, 2017 •

edited

react-unknown-prop #4602

react-unknown-prop #4602

Comments

markshust commented Jul 1, 2016

nathanmarks commented Jul 1, 2016

vauruk commented Jul 5, 2016 • edited

shatyajeet commented Jul 7, 2016

agungsb commented Jul 19, 2016

majidkarimizadeh commented Sep 5, 2016

atalebagha commented Sep 5, 2016 • edited

AlbertoTorre commented Sep 13, 2016

wordyallen commented Nov 17, 2016

ChrisHaPunkt commented May 9, 2017

SkyLeite commented May 10, 2017

ChrisHaPunkt commented May 11, 2017 • edited

sreerajkksd commented Aug 6, 2017 • edited

vauruk commented Jul 5, 2016 •

edited

atalebagha commented Sep 5, 2016 •

edited

ChrisHaPunkt commented May 11, 2017 •

edited

sreerajkksd commented Aug 6, 2017 •

edited