React-native: Super expression must either be null or a function, not null

[binoyskumar]

Version

$ react-native -v

react-native-cli: 0.2.0
react-native: 0.26.1

Steps to reproduce

Build the code below of index.ios.js in xcode

'use strict';
var React = require('react-native');
var styles = React.StyleSheet.create({
text: {
color: 'black',
backgroundColor: 'white',
fontSize: 30,
margin: 80
}
});
class PropertyFinderApp extends React.Component {
render() {
return React.createElement(React.Text, {style: styles.text}, "Hello World!");
}
}
React.AppRegistry.registerComponent('PropertyFinder', function() { return PropertyFinderApp });

Expected Behavior

Hello World!

Actual Behavior

Error : Super expression must either be null or a function, not null

[ide]

This part is the problem: var React = require('react-native');. Instead write:

var React = require('react');
var ReactNative = require('react-native');