Start using create-react-class polyfill

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
pull/21833/head
Michael Telatynski 2019-08-05 10:08:30 +01:00
parent debc124714
commit aa98a6dfcb
3 changed files with 7 additions and 6 deletions

View File

@ -66,6 +66,7 @@
"classnames": "^2.1.2", "classnames": "^2.1.2",
"commonmark": "^0.28.1", "commonmark": "^0.28.1",
"counterpart": "^0.18.0", "counterpart": "^0.18.0",
"create-react-class": "^15.6.0",
"diff-dom": "^4.1.3", "diff-dom": "^4.1.3",
"diff-match-patch": "^1.0.4", "diff-match-patch": "^1.0.4",
"emojibase-data": "^4.0.1", "emojibase-data": "^4.0.1",

View File

@ -15,11 +15,10 @@ limitations under the License.
*/ */
'use strict'; import React from 'react';
import ReactDOM from 'react-dom';
const React = require('react');
const ReactDOM = require('react-dom');
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import createReactClass from 'create-react-class';
import Analytics from './Analytics'; import Analytics from './Analytics';
import sdk from './index'; import sdk from './index';
import dis from './dispatcher'; import dis from './dispatcher';
@ -32,7 +31,7 @@ const STATIC_DIALOG_CONTAINER_ID = "mx_Dialog_StaticContainer";
* Wrap an asynchronous loader function with a react component which shows a * Wrap an asynchronous loader function with a react component which shows a
* spinner until the real component loads. * spinner until the real component loads.
*/ */
const AsyncWrapper = React.createClass({ const AsyncWrapper = createReactClass({
propTypes: { propTypes: {
/** A promise which resolves with the real component /** A promise which resolves with the real component
*/ */

View File

@ -1,6 +1,7 @@
const React = require('react'); const React = require('react');
const ReactDom = require('react-dom'); const ReactDom = require('react-dom');
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import createReactClass from 'create-react-class';
const Velocity = require('velocity-animate'); const Velocity = require('velocity-animate');
/** /**
@ -10,7 +11,7 @@ const Velocity = require('velocity-animate');
* from DOM order. This makes it a lot simpler and lighter: if you need fully * from DOM order. This makes it a lot simpler and lighter: if you need fully
* automatic positional animation, look at react-shuffle or similar libraries. * automatic positional animation, look at react-shuffle or similar libraries.
*/ */
module.exports = React.createClass({ module.exports = createReactClass({
displayName: 'Velociraptor', displayName: 'Velociraptor',
propTypes: { propTypes: {