OnTouchTap events with React v0.15-RC1

[Mythra]

Problem Description

The select field doesn't dropdown as soon as we upgraded to React v0.15-RC1. Now we don't use any other onTouchTap items in our code so it's possible this affects any on touch tap items.

Versions

• Material-UI: 0.15.0-alpha.1
• React: 15.0.0-rc.1
• Browser:
  Firefox: 44.0.2 Mac OS X,
  Firefox: 45.0 Mac OS X,
  Chrome: Version 48.0.2564.116 Mac OS X,
  Chrome: 49.0.2623.75 Mac OS X

Console Log Output that is probably relevant:

Warning: NavigationArrowDropDown: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)

Relevant Code:

import { PropTypes, Component } from 'react';
import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();

export default class FieldTest extends Component {
  constructor(props) {
    super(props);
  }

  _renderOptions = () => {
     return this.props.options.map( (value, name) => {
      return (
        <MenuItem value={value} key={name} primaryText={name} />
      );
    });
  }

  render() {
     return (
      <SelectField {...this.props}>
        {this._renderOptions()}
      </SelectField>
    );
  }
}

Which ends up being rendered with something like:

<FieldTest props={{ Open: "open", On Hold: "on hold", Pending: "pending", Solved: "solved" }} />

[Mythra]

Actually this has been reported here: facebook/react#6221

React v0.15 problem. Closing.