acdlite / redux-router

Redux bindings for React Router – keep your router state inside your Redux store
MIT License
2.3k stars 216 forks source link

Warning: Failed propType: Invalid prop `icon` of type `object` supplied to `t`, expected `string`. #252

Closed steelx closed 8 years ago

steelx commented 8 years ago

Im facing this issue when I bootup my previously working app. Started facing the issue after I added redux-auth

Kindly check.

I get below error in chrome console: warning.js:45Warning: Failed propType: Invalid propiconof typeobjectsupplied tot, expectedstring.warning @ warning.js:45checkPropTypes @ ReactElementValidator.js:189validatePropTypes @ ReactElementValidator.js:208ReactElementValidator.createElement @ ReactElementValidator.js:242s.value @ index.js:4ReactCompositeComponentMixin._renderValidatedComponentWithoutOwnerOrContext @ ReactCompositeComponent.js:679ReactCompositeComponentMixin._renderValidatedComponent @ ReactCompositeComponent.js:699ReactCompositeComponent__renderValidatedComponent @ ReactPerf.js:66ReactCompositeComponentMixin.performInitialMount @ ReactCompositeComponent.js:284ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:237ReactCompositeComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39ReactCompositeComponentMixin.performInitialMount @ ReactCompositeComponent.js:290ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:237ReactCompositeComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:203ReactDOMComponent.Mixin._createInitialChildren @ ReactDOMComponent.js:624ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:470ReactDOMComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39ReactCompositeComponentMixin.performInitialMount @ ReactCompositeComponent.js:290ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:237ReactCompositeComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39ReactCompositeComponentMixin.performInitialMount @ ReactCompositeComponent.js:290ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:237ReactCompositeComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:203ReactDOMComponent.Mixin._createInitialChildren @ ReactDOMComponent.js:624ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:470ReactDOMComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39ReactCompositeComponentMixin.performInitialMount @ ReactCompositeComponent.js:290ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:237ReactCompositeComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39ReactCompositeComponentMixin.performInitialMount @ ReactCompositeComponent.js:290ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:237ReactCompositeComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39ReactCompositeComponentMixin.performInitialMount @ ReactCompositeComponent.js:290ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:237ReactCompositeComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39mountComponentIntoNode @ ReactMount.js:103Mixin.perform @ Transaction.js:136batchedMountComponentIntoNode @ ReactMount.js:124Mixin.perform @ Transaction.js:136ReactDefaultBatchingStrategy.batchedUpdates @ ReactDefaultBatchingStrategy.js:63batchedUpdates @ ReactUpdates.js:97ReactMount._renderNewRootComponent @ ReactMount.js:277ReactMount__renderNewRootComponent @ ReactPerf.js:66ReactMount._renderSubtreeIntoContainer @ ReactMount.js:354ReactMount.render @ ReactMount.js:374React_render @ ReactPerf.js:66(anonymous function) @ main.js:32__webpack_require__ @ bootstrap 09ed796…:585fn @ bootstrap 09ed796…:109(anonymous function) @ app.09ed796….js:5__webpack_require__ @ bootstrap 09ed796…:585webpackJsonpCallback @ bootstrap 09ed796…:21(anonymous function) @ app.09ed796….js:1 invariant.js:38Uncaught Invariant Violation: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component'srendermethod, or you have multiple copies of React loaded (details: https://fb.me/react-refs-must-have-owner).

Also, in terminal I get this warning.

WARNING in ./~/encoding/lib/iconv-loader.js Critical dependencies: 9:12-34 the request of a dependency is an expression @ ./~/encoding/lib/iconv-loader.js 9:12-34

screen shot 2016-04-22 at 4 35 57 pm

Working copy of my app before adding redux-auth, kindly help me in adding redux-auth in right way https://github.com/steelx/ReduxWeatherApp

mjrussell commented 8 years ago

What makes you think this is a redux-router issue? Seems like you should post on the redux-auth project for help in adding it to your project

steelx commented 8 years ago

sorry didnt see tab