diff --git a/README.md b/README.md index 2436c54..d3581f3 100644 --- a/README.md +++ b/README.md @@ -45,8 +45,9 @@ This simulates a light switch that takes `5000ms` to switch between `on` and `!o ```javascript import ReactTimeout from 'react-timeout' +import createReactClass from 'create-react-class'; -var Example = React.createClass({ +var Example = createReactClass({ toggleOn: function () { this.setState({ on: !this.state.on }) }, @@ -100,7 +101,7 @@ class Example extends Component { .. } ```javascript @ReactTimeout -var Example = React.createClass({ .. }) +var Example = createReactClass({ .. }) ``` # Something similar diff --git a/package.json b/package.json index eb8a35f..03dc96f 100644 --- a/package.json +++ b/package.json @@ -25,6 +25,7 @@ "test": "mocha --compilers js:babel-core/register --require ./test/helper.js 'test/**/*.@(js|jsx)'" }, "dependencies": { + "create-react-class": "^15.5.2", "object-assign": "^4.0.1" }, "devDependencies": { @@ -39,7 +40,6 @@ "jsdom": "^10.1.0", "mocha": "^3.2.0", "react": "^15.4.2", - "react-addons-test-utils": "^15.4.2", "react-dom": "^15.4.2" } } diff --git a/src/reactTimeout.js b/src/reactTimeout.js index f2efc61..a1d84be 100644 --- a/src/reactTimeout.js +++ b/src/reactTimeout.js @@ -1,3 +1,4 @@ +var createReactClass = require('create-react-class') var objectAssign = require('object-assign') var createReactTimeout = function (React) { @@ -52,7 +53,7 @@ var createReactTimeout = function (React) { } var ReactTimeout = function (SourceComponent) { - return React.createClass({ + return createReactClass({ displayName: 'ReactTimeout', setTimeout: _setTimeout, diff --git a/test/functions.jsx b/test/functions.jsx index 5d3218a..92a9aa0 100644 --- a/test/functions.jsx +++ b/test/functions.jsx @@ -1,5 +1,5 @@ import React, { Component } from 'react' -import { renderIntoDocument, scryRenderedDOMComponentsWithClass } from 'react-addons-test-utils' +import { renderIntoDocument, scryRenderedDOMComponentsWithClass } from 'react-dom/test-utils' import { expect } from 'chai' import ReactTimeout from '..' diff --git a/test/timing.jsx b/test/timing.jsx index 4c36d3b..025d5c5 100644 --- a/test/timing.jsx +++ b/test/timing.jsx @@ -1,6 +1,6 @@ import React, { Component } from 'react' import { render, unmountComponentAtNode } from 'react-dom' -import { Simulate, renderIntoDocument, scryRenderedDOMComponentsWithClass } from 'react-addons-test-utils' +import { Simulate, renderIntoDocument, scryRenderedDOMComponentsWithClass } from 'react-dom/test-utils' import { expect } from 'chai' import ReactTimeout from '..'