React onScroll not firing : <p>I have simple react component, I set onScroll event to that component but when I scroll it's not firing </p>

<pre><code>import React, { Component, PropTypes } from 'react'

export default class MyComponent extends Component {
  _handleScroll(e) {
    console.log('scrolling')
  }

  render() {
    const style = {
      width: '100px',
      height: '100px',
      overflowY: 'hidden'
    }
    const innerDiv = {
      height: '300px',
      width: '100px',
      background: '#efefef'
    }
    return (
      &lt;div style={style} onScroll={this._handleScroll}&gt;
        &lt;div style={innerDiv}/&gt;
      &lt;/div&gt;
    )
  }
}
</code></pre>
