DropDownMenu not working with React v15.x

[liesislukas]

I installed newest React + Material-ui and tried to use drop down menu

<DropDownMenu value={this.state.value} onChange={this.handleChange}>
                    <MenuItem value={1} primaryText="Never"/>
                    <MenuItem value={2} primaryText="Every Night"/>
                    <MenuItem value={3} primaryText="Weeknights"/>
                    <MenuItem value={4} primaryText="Weekends"/>
                    <MenuItem value={5} primaryText="Weekly"/>
</DropDownMenu>

It was rendered, but nothing happens if clicked on it.

package.json dependencies:

Not working:

   "material-ui": "^0.15.0-alpha.2",
    "react": "^15.0.1",
    "react-dom": "^15.0.1",

Working:

    "material-ui": "^0.15.0-alpha.2",
    "react": "^0.14.0",
    "react-dom": "^0.14.0",

OS X 10.11.4, Node v5.10.1, npm v3.8.3, Chrome 49.0.2623.110

[ShMcK]

I'm having the same issue with ALL clickable components.

When possible, changing onTouchTap to onClick works, but most components have internal onTouchTap calls.

[ShMcK]

Reverting to React 0.14.8 fixes the issue. But commenting out injectTapEventPlugin() brings the issue back.

It seems a change in React 15 concerning tap events is the underlying issue

[ShMcK]

Possible solution:

Use the latest version of react-tap-event-plugin in your package.json:

"react-tap-event-plugin": "git+https://github.com/zilverline/react-tap-event-plugin.git"

[mbrookes]

Dupe: #3642