title: "Uncaught TypeError: React.createClass is not a function" in Render.js file (electron app)
body: <p>I'm new to react.js and I am trying to get this code to replace one line in  an html file inside an electron app with whatever is in return inside the MainInterface variable </p>
  
  <p>This is my Render.js File</p>
  
  <pre><code>var React = require('react');
  var ReactDOM = require('react-dom');
  
  var $ = jQuery = require('jquery');
  var bootstrap = require('bootstrap');
  
  //var createReactClass = require('create-react-class');
  
  var MainInterface = React.createClass({
    render: function() {
      return(
        &lt;h1&gt;SUCCESSSSSSSSSSS&lt;/h1&gt;
    );
  }//render
  });//MainInterface
  
  ReactDOM.render(
    &lt;MainInterface /&gt;,
    document.getElementById('projects')
  );//render
  </code></pre>
  
  <p>This is the html file (looking to replace WPM ... loading) (I do have the last html tag that is missing here in my actual file)</p>
  
  <pre><code>&gt; &lt;!DOCTYPE html&gt; &lt;html lang ="en"&gt;   &lt;head&gt;
  &gt;     &lt;meta charset="utf-8"&gt;
  &gt;     &lt;meta name ="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &gt;     &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
  &gt;     &lt;link rel="stylesheet" href="css/app.css"&gt;
  &gt;     &lt;title&gt;Project Manager&lt;/title&gt;   &lt;/head&gt;   &lt;body&gt;   &lt;div claa="main"&gt;
  &gt;     &lt;div class="page" id="projectratings"&gt;
  &gt;       &lt;div id="projects"&gt;
  &gt;         &lt;h2&gt;WPM ... loading&lt;/h2&gt;
  &gt;       &lt;/div&gt;
  &gt;     &lt;/div&gt;   &lt;/div&gt; &lt;script src="js/render.js"&gt;&lt;/script&gt;   &lt;/body&gt;
  </code></pre>
  
  <p>This is my package.json</p>
  
  <pre><code>{
    "name": "ETest",
    "version": "1.0.0",
    "main": "app/main.js",
    "devDependencies": {
      "create-react-class": "^15.6.2",
      "electron": "^1.7.8",
      "electron-packager": "^9.1.0",
      "gulp": "^3.9.1",
      "gulp-browserify": "^0.5.1",
      "gulp-concat-css": "^2.3.0",
      "gulp-react": "^3.1.0",
      "gulp-run": "^1.7.1",
      "react": "^16.0.0",
      "react-addons-test-utils": "^15.6.2",
      "react-dom": "^16.0.0",
      "reactify": "^1.1.1"
    },
    "dependencies": {
      "bootstrap": "^3.3.7",
      "electron-reload": "^1.2.2",
      "jquery": "^3.2.1",
      "lodash": "^4.17.4"
    }
  }
  </code></pre>
  
  <p>I have tried installing creat-react-class and using that (as seen in the line that is commented out in the render.js file)</p>
  
  <p>I have uninstalled and reinstalled both react and react-dom</p>
  
  <p>not sure what else I am missing</p>
  
  <p>just keep getting </p>
  
  <pre><code>C:\Users\user\Desktop\ElectronTesting\process\js\fake_6052bf8b.js:8 
  Uncaught TypeError: React.createClass is not a function
  </code></pre>
  
  <p>my render.js file is found at  ElectronTesting\process\js\render.js 
  not sure why it points to fake_6052bf8b.js I've been assuming that's some type of temp file (please correct me if I am wrong)</p>
  
  <p>Thanks for any and all help. </p>
  
  <p>**EDIT yep just a simple mistake, forgot to replace React.createClass  with createReactClass, thanks for the code example that made me finally see it!!</p>