Inline eslint comment in JSX : <p>I'm getting an error <code>(eslint): Line 199 exceeds maximum line length of 120. (max-len)</code></p>

<p>Why doesn't this inline comment work?</p>

<pre><code>{/* eslint-disable-next-line max-len */}
&lt;Chip ref="code" style={styles.chip}backgroundColor={this.state.filterSelected['School Code'] &amp;&amp; blue300}onTouchTap={this.handleTouchTap} &gt;
            &lt;Avatar size={32}&gt;C&lt;/Avatar&gt;
            School Code
&lt;/Chip&gt;
</code></pre>
