title: Disable eslint error in jsx
body: <p>I have the below JSX in one of my react-native components</p>
  
  <pre><code>        &lt;TouchableOpacity onPress={this.onEnableNotifications} style={{marginHorizontal: 10}}&gt;
            &lt;Image source={require('../../img/ic_warning.png')} style={{tintColor: colorThemes.Blue.red}}/&gt;
          &lt;/TouchableOpacity&gt;
  </code></pre>
  
  <p>I get the following ESLint error:</p>
  
  <pre><code>'require' is not defined. (no-undef)
  </code></pre>
  
  <p>I have tried adding line <code>{ // eslint-disable-line no-undef }</code> after <code>Image</code> but that gives a parsing error. How can I get rid of this error just for that line.</p>