title: React Native Cannot assign to read only property 'exports' of object
body: <p>I was studying React Native in coursera. I followed every step of teacher but somehow written code works in his machine. But Exactly the same code I realize in my computer there is shows following errors. I'm running this code in chrome browser. I installed the Expo successfully.</p>
  
  <pre><code>bundle.js:78667 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#&lt;Object&gt;'
      at Module.&lt;anonymous&gt; (bundle.js:78667)
      at Module.E:\WORKING PROJECT\coursera\courserReactNat\node_modules\react-native-elements\src\helpers\normalizeText.js (bundle.js:78668)
      at __webpack_require__ (bundle.js:727)
      at fn (bundle.js:101)
      at Module.E:\WORKING PROJECT\coursera\courserReactNat\node_modules\react-native-elements\src\helpers\index.js (bundle.js:78556)
      at __webpack_require__ (bundle.js:727)
      at fn (bundle.js:101)
      at Module.&lt;anonymous&gt; (bundle.js:76709)
      at Module.E:\WORKING PROJECT\coursera\courserReactNat\node_modules\react-native-elements\src\buttons\Button.js (bundle.js:76965)
      at __webpack_require__ (bundle.js:727)
      at fn (bundle.js:101)
      at Module.E:\WORKING PROJECT\coursera\courserReactNat\node_modules\react-native-elements\src\index.js (bundle.js:79112)
      at __webpack_require__ (bundle.js:727)
      at fn (bundle.js:101)
      at Module.E:\WORKING PROJECT\coursera\courserReactNat\components\MenuComponent.js (bundle.js:12291)
      at __webpack_require__ (bundle.js:727)
      at fn (bundle.js:101)
      at Module.E:\WORKING PROJECT\coursera\courserReactNat\components\mainComponent.js (bundle.js:12356)
      at __webpack_require__ (bundle.js:727)
      at fn (bundle.js:101)
      at Module.E:\WORKING PROJECT\coursera\courserReactNat\App.js (bundle.js:12263)
      at __webpack_require__ (bundle.js:727)
      at fn (bundle.js:101)
      at Module.E:\WORKING PROJECT\coursera\courserReactNat\node_modules\expo\AppEntry.js (bundle.js:20679)
      at __webpack_require__ (bundle.js:727)
      at fn (bundle.js:101)
      at Object.0 (bundle.js:12246)
      at __webpack_require__ (bundle.js:727)
      at bundle.js:794
      at bundle.js:797
  </code></pre>
  
  <p>My code has three classes <strong>MainComponent</strong></p>
  
  <pre><code>import React,{Component} from 'react'
  import {DISHES} from '../shared/dishes'
  import Menu from './MenuComponent';
  
  
  class MainComponent extends Component{
  
  
      constructor(props) {
          super(props);
          this.state = {
              dishes:DISHES
          }
      }
  
      render() {
          return (
              &lt;Menu dishes={this.state.dishes}/&gt;
          );
      }
  }
  export default MainComponent;
  </code></pre>
  
  <p><strong>Menu</strong></p>
  
  <pre><code>import React from 'react'
  import {View,FlatList} from 'react-native'
  import  {ListItem} from 'react-native-elements'
  
  
  
  function Menu(props) {
  
      const renderMenuItem = ({item,index}) =&gt;{
          return(
              &lt;ListItem
                  key={index}
                  title={item.name}
                  subtitle={item.description}
                  hideChevron={true}
                  leftAvatar={{source:require('../shared/images/uthappizza.png')}}
              /&gt;
          );
      }
  
      return(
          &lt;FlatList
             data={props.dishes}
             renderItem={renderMenuItem}
             keyExtractor={item =&gt; item.id.toString()}
            /&gt;
      )
  }
  
  export default Menu;
  </code></pre>
  
  <p><strong>App Class</strong></p>
  
  <pre><code>import React from 'react';
  import Main from "./components/mainComponent";
  
  export default function App() {
    return (
      &lt;Main /&gt;
    );
  }
  </code></pre>
  
  <p>What might be wrong guys here I'm stuck with it. No any idea how to solve this problem. Thanks in advance</p>