title: React.Children.only expected to receive a single React element child error
body: <p>I'm getting 'React.Children.only expected to receive a single React element child.' from the following code. </p>
  
  <p>I have created a new react app using create-react-app and installed redux and react-redux, and created a simple reducer and creating store with that.</p>
  
  <pre><code>import React from "react";
  import ReactDOM from "react-dom";
  import { createStore, combineReducers } from "redux";
  import { Provider } from "react-redux";
  
  import logo from './logo.svg';
  import './App.css';
  
  class App extends React.Component {
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;div className="App-header"&gt;
            &lt;img src={logo} className="App-logo" alt="logo" /&gt;
            &lt;h2&gt;Welcome to React&lt;/h2&gt;
          &lt;/div&gt;
          &lt;p className="App-intro"&gt;
            To get started, edit &lt;code&gt;src/App.js&lt;/code&gt; and save to reload.
          &lt;/p&gt;
        &lt;/div&gt;
      );
    }
  }
  
  
  function productReducer(state = [], action) {
    return state;
  }
  
  const store = createStore(
    productReducer
  );
  
  ReactDOM.render((&lt;Provider store={store}&gt;&lt;App /&gt; &lt;/Provider&gt;), document.getElementById('root'));
  </code></pre>