React v0.14.0 Broken

[yeso126]

When doing npm install I get the following message:

npm ERR! peerinvalid Peer material-ui@0.12.3 wants react@~0.13

Please, add support for react 0.14

[alitaheri]

The react-0.14-support has support for react 0.14. But it's a work in progress you can check that out if you want react 0.14 support asap.

[almeynman]

Thanks for the great work on this lib! Do you know approximately when material-ui will support react-0.14?

[escolhatecnologia]

with react 0.14 i see a lot of warnings please support react 0.14

Warning: require('react/addons') is deprecated. Access using require('react-addons-{addon}') instead.warning @ warning.js:46 warning.js:46 Warning: React.render is deprecated. Please use ReactDOM.render from require('react-dom') instead.warning @ warning.js:46 warning.js:46 Warning: render(): Rendering components directly into document.body is discouraged, since its children are often manipulated by third-party scripts and browser extensions. This may lead to subtle reconciliation issues. Try rendering into a container element created for your app.warning @ warning.js:46 warning.js:46 Warning: React.findDOMNode is deprecated. Please use ReactDOM.findDOMNode from require('react-dom') instead.

[Webkadabra]

@yeso126 react 0.14 support is in another branch, yo https://github.com/callemall/material-ui/tree/react-0.14-support

[borm]

I just installed react-0.14-support and see errors too

Warning: require('react/addons') is deprecated. Access using require('react-addons-{addon}') instead.

Warning: React.findDOMNode is deprecated. Please use ReactDOM.findDOMNode from require('react-dom') instead.

See repo https://github.com/bORm/mui-react-0.14.0

maybe I 'm doing something wrong ?

[cgestes]

Master now support react 0.14.

can you try with master, and close if everything is alright?

[bingomanatee]

I am getting

npm WARN EPEERINVALID material-ui@0.12.4 requires a peer of react-addons-create-fragment@^0.14.0 but none was installed. npm WARN EPEERINVALID material-ui@0.12.4 requires a peer of react-addons-pure-render-mixin@^0.14.0 but none was installed. npm WARN EPEERINVALID material-ui@0.12.4 requires a peer of react-addons-transition-group@^0.14.0 but none was installed. npm WARN EPEERINVALID material-ui@0.12.4 requires a peer of react-addons-update@^0.14.0 but none was installed. Davids-MacBook-Air:EYF3 davidedelhart$

and I just installed material-ui

[WRidder]

@bingomanatee Did you have react 0.14 installed already?

[bingomanatee]

Yes I am using it in an install of react starter kit https://github.com/kriasoft/react-starter-kit

That is a good place to test your thing inasmuch as (for instance) webStorm uses it as a template for new projects.

package.json:

{ "private": true, "engines": { "node": ">=4.1 <5", "npm": ">=3.1 <4" }, "dependencies": { "babel-core": "5.8.25", "classnames": "2.1.5", "eventemitter3": "1.1.1", "express": "4.13.3", "fastclick": "1.0.6", "fbjs": "0.3.1", "flux": "2.1.1", "front-matter": "1.0.0", "history": "1.11.1", "jade": "1.11.0", "material-ui": "^0.12.4", "normalize.css": "3.0.3", "react": "0.14.0", "react-dom": "0.14.0", "react-routing": "0.0.4", "react-tap-event-plugin": "^0.2.1", "source-map-support": "0.3.2", "superagent": "1.4.0" }, "devDependencies": { "autoprefixer": "^6.0.3", "babel": "^5.8.23", "babel-eslint": "^4.1.3", "babel-loader": "^5.3.2", "babel-plugin-react-transform": "^1.1.1", "browser-sync": "^2.9.7", "css-loader": "^0.19.0", "csscomb": "^3.1.8", "del": "^2.0.2", "eslint": "^1.6.0", "eslint-config-airbnb": "0.1.0", "eslint-loader": "^1.0.0", "eslint-plugin-react": "^3.5.0", "file-loader": "^0.8.4", "gaze": "^0.5.1", "git-repository": "^0.1.1", "glob": "^5.0.15", "jest-cli": "^0.5.8", "jscs": "^2.2.1", "lodash.merge": "^3.3.2", "mkdirp": "^0.5.1", "ncp": "^2.0.0", "postcss": "^5.0.8", "postcss-cssnext": "^2.1.0", "postcss-import": "^7.0.0", "postcss-loader": "^0.6.0", "postcss-nested": "^1.0.0", "psi": "^1.0.6", "react-transform-catch-errors": "^1.0.0", "react-transform-hmr": "^1.0.1", "redbox-react": "^1.1.1", "replace": "^0.3.0", "style-loader": "^0.12.4", "url-loader": "^0.5.6", "webpack": "^1.12.2", "webpack-dev-middleware": "^1.2.0", "webpack-hot-middleware": "^2.3.0" }, "jest": { "rootDir": "./src", "scriptPreprocessor": "../preprocessor.js", "unmockedModulePathPatterns": [ "fbjs", "react" ] }, "scripts": { "lint": "eslint src tools && jscs src tools", "csslint": "csscomb src/components --lint --verbose", "csscomb": "csscomb src/components --verbose", "test": "eslint src && jest", "clean": "babel-node --eval \"require('./tools/clean')().catch(err => console.error(err.stack))\"", "copy": "babel-node --eval \"require('./tools/copy')().catch(err => console.error(err.stack))\"", "bundle": "babel-node --eval \"require('./tools/bundle')().catch(err => console.error(err.stack))\"", "build": "babel-node --eval \"require('./tools/build')().catch(err => console.error(err.stack))\"", "deploy": "babel-node --eval \"require('./tools/deploy')().catch(err => console.error(err.stack))\"", "serve": "babel-node --eval \"require('./tools/serve')().catch(err => console.error(err.stack))\"", "start": "babel-node --eval \"require('./tools/start')().catch(err => console.error(err.stack))\"" } }

[cgestes]

you miss the dependency in your package.json.

See npm 3 changelog related to peerDependencies. they are not installed anymore.

On Tue, Oct 20, 2015 at 1:55 PM, Dave Edelhart notifications@github.com wrote:

Yes I am using it in an install of react starter kit https://github.com/kriasoft/react-starter-kit

That is a good place to test your thing inasmuch as (for instance) webStorm uses it as a template for new projects.

package.json:

{ "private": true, "engines": { "node": ">=4.1 <5", "npm": ">=3.1 <4" }, "dependencies": { "babel-core": "5.8.25", "classnames": "2.1.5", "eventemitter3": "1.1.1", "express": "4.13.3", "fastclick": "1.0.6", "fbjs": "0.3.1", "flux": "2.1.1", "front-matter": "1.0.0", "history": "1.11.1", "jade": "1.11.0", "material-ui": "^0.12.4", "normalize.css": "3.0.3", "react": "0.14.0", "react-dom": "0.14.0", "react-routing": "0.0.4", "react-tap-event-plugin": "^0.2.1", "source-map-support": "0.3.2", "superagent": "1.4.0" }, "devDependencies": { "autoprefixer": "^6.0.3", "babel": "^5.8.23", "babel-eslint": "^4.1.3", "babel-loader": "^5.3.2", "babel-plugin-react-transform": "^1.1.1", "browser-sync": "^2.9.7", "css-loader": "^0.19.0", "csscomb": "^3.1.8", "del": "^2.0.2", "eslint": "^1.6.0", "eslint-config-airbnb": "0.1.0", "eslint-loader": "^1.0.0", "eslint-plugin-react": "^3.5.0", "file-loader": "^0.8.4", "gaze": "^0.5.1", "git-repository": "^0.1.1", "glob": "^5.0.15", "jest-cli": "^0.5.8", "jscs": "^2.2.1", "lodash.merge": "^3.3.2", "mkdirp": "^0.5.1", "ncp": "^2.0.0", "postcss": "^5.0.8", "postcss-cssnext": "^2.1.0", "postcss-import": "^7.0.0", "postcss-loader": "^0.6.0", "postcss-nested": "^1.0.0", "psi": "^1.0.6", "react-transform-catch-errors": "^1.0.0", "react-transform-hmr": "^1.0.1", "redbox-react": "^1.1.1", "replace": "^0.3.0", "style-loader": "^0.12.4", "url-loader": "^0.5.6", "webpack": "^1.12.2", "webpack-dev-middleware": "^1.2.0", "webpack-hot-middleware": "^2.3.0" }, "jest": { "rootDir": "./src", "scriptPreprocessor": "../preprocessor.js", "unmockedModulePathPatterns": [ "fbjs", "react" ] }, "scripts": { "lint": "eslint src tools && jscs src tools", "csslint": "csscomb src/components --lint --verbose", "csscomb": "csscomb src/components --verbose", "test": "eslint src && jest", "clean": "babel-node --eval \"require('./tools/clean')().catch(err => console.error(err.stack))\"", "copy": "babel-node --eval \"require('./tools/copy')().catch(err => console.error(err.stack))\"", "bundle": "babel-node --eval \"require('./tools/bundle')().catch(err => console.error(err.stack))\"", "build": "babel-node --eval \"require('./tools/build')().catch(err => console.error(err.stack))\"", "deploy": "babel-node --eval \"require('./tools/deploy')().catch(err => console.error(err.stack))\"", "serve": "babel-node --eval \"require('./tools/serve')().catch(err => console.error(err.stack))\"", "start": "babel-node --eval \"require('./tools/start')().catch(err => console.error(err.stack))\"" } }

— Reply to this email directly or view it on GitHub https://github.com/callemall/material-ui/issues/1850#issuecomment-149539602 .

[oliviertassinari]

The latest release of material-ui add the support of react v0.14. If you have any issue, please report them. Thanks.

[abhinavsingi]

While upgrading react, do you follow any script to change all the files? What kind of scenarios do you take care of