react-redux Provider在IE 10/11中给出错误“onlyChild必须通过一个孩子只有一个孩子”

Question

This component works exactly as expected in Chrome, Safari, Firefox, and MS Edge:

import { Provider } from 'react-redux';
import Store from './Store';
import Root from './Root';

class AppProvider extends React.Component {
  render() {
    return (
      <Provider store={Store}>
        <Root />
     </Provider>
     );
  }
}

export default AppProvider;

But on IE 10/11, it throws: "Warning: Failed prop type: Invalid prop children supplied to Provider , expected a single ReactElement."

But Root is a single ReactElement? Here's the Root element below:

import Main from './Main';
import ProjectList from './ProjectList';
import ContactList from './ContactList';

import { Router, Route, IndexRoute } from 'react-router';
import { History } from './History';

class Root extends React.Component {
  render() {
    return (
      <Router history={History}>
        <Route path="/" component={Main}>
          <IndexRoute component={ProjectList}></IndexRoute>
          <Route path="/:projectId" component={ContactList}></Route>
        </Route>
      </Router>
    );
  }
}

export default Root;

I actually only created Root because of this issue; previously, I just put the router right into the provider, without any argument from other browsers.

Answer 1

This was a result of error on my own part. I was somehow using two different versions of React.