Реагировать конфликт при использовании материалов UI

Question

При попытке использовать AppBar в версии 0.16.6 Материальной UI, я получаю следующее сообщение об ошибке

Uncaught Error: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's `render` method, or you have multiple copies of React loaded. 

, который выглядит как ошибка в реакцию конфликта.

Мой код выглядит следующим образом:

App.js

import React, { Component } from 'react'; 
import AppBar from 'material-ui/AppBar'; 
import {deepOrange500} from 'material-ui/styles/colors'; 
import getMuiTheme from 'material-ui/styles/getMuiTheme'; 
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; 

const muiTheme = getMuiTheme({ 
    palette: { 
    accent1Color: deepOrange500, 
    }, 
}); 

class App extends Component { 
    render() { 
    return (
     <MuiThemeProvider muiTheme={muiTheme}> 
     <AppBar/> 
     </MuiThemeProvider> 
    ); 
    } 
} 

export default App; 

index.js

import injectTapEventPlugin from 'react-tap-event-plugin'; 
import React from 'react'; 
import ReactDOM from 'react-dom'; 
import App from './App'; 

ReactDOM.render(
    <App />, 
    document.getElementById('root') 
); 

Кто-нибудь столкнулся с этим, или кто-нибудь знает, как решить эту проблему?

Answer 1

В файле index.js вы будете нуждаться в этом перед ReactDOM.render вызова:

// Needed for onTouchTap event handling 
injectTapEventPlugin(); 

Смотрите, если что проясняет этот вопрос. Если нет, попробуйте удалить папку node_modules и снова запустить npm install.