Replace React.DOM with React.createElement

Author: BookOfGreg

test/dummy_webpacker1/app/javascript/components/GreetingMessage.js

@@ -16,9 +16,9 @@ module.exports = createReactClass({
     this.setState({greeting: 'Goodbye'});
   },
   render: function() {
-    return React.DOM.div({},
-      React.DOM.div({}, this.state.greeting, ' from Webpacker ', this.props.name ),
-      React.DOM.button({onClick: this.goodbye}, 'Goodbye')
+    return React.createElement('div', {},
+      React.createElement('div', {}, this.state.greeting, ' from Webpacker ', this.props.name ),
+      React.createElement('button', {onClick: this.goodbye}, 'Goodbye')
     );
   }
 });

test/dummy_webpacker2/app/javascript/components/GreetingMessage.js

@@ -16,9 +16,9 @@ module.exports = createReactClass({
     this.setState({greeting: 'Goodbye'});
   },
   render: function() {
-    return React.DOM.div({},
-      React.DOM.div({}, this.state.greeting, ' from Webpacker ', this.props.name ),
-      React.DOM.button({onClick: this.goodbye}, 'Goodbye')
+    return React.createElement('div', {},
+      React.createElement('div', {}, this.state.greeting, ' from Webpacker ', this.props.name ),
+      React.createElement('button', {onClick: this.goodbye}, 'Goodbye')
     );
   }
 });

test/dummy_webpacker3/app/javascript/components/GreetingMessage.js

@@ -16,9 +16,9 @@ module.exports = createReactClass({
     this.setState({greeting: 'Goodbye'});
   },
   render: function() {
-    return React.DOM.div({},
-      React.DOM.div({}, this.state.greeting, ' from Webpacker ', this.props.name ),
-      React.DOM.button({onClick: this.goodbye}, 'Goodbye')
+    return React.createElement('div', {},
+      React.createElement('div', {}, this.state.greeting, ' from Webpacker ', this.props.name ),
+      React.createElement('button', {onClick: this.goodbye}, 'Goodbye')
     );
   }
 });