<p dir="auto">I am getting error</p>
<blockquote>
<p dir="auto">Could not find "store" in either the context or props of "Connect(Base)". Either wrap the root component in a , or explicitly pass "store" as a prop to "Connect(Base)".</p>
</blockquote>
<p dir="auto">while connecting template component with redux. This seems like it worked in previous version.</p>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>


<p dir="auto">Template component connects to Redux successfully.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Getting error: <code class="notranslate">Could not find "store" in either the context or props of "Connect(Base)". Either wrap the root component in a &lt;Provider&gt;, or explicitly pass "store" as a prop to "Connect(Base)".</code></p>
<p dir="auto">If I wrap root component with <code class="notranslate">&lt;Provider&gt;</code> from 'react-redux`, it throws error that it expects object, not a function.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<p dir="auto">store.js</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="const initStore = (initialState = {}) =&gt; {
  createStore(
    combineReducers({ someReducer, otherReducer }),
    initialState,
    composeWithDevTools(
      applyMiddleware(thunkMiddleware),
    ))
}"><pre class="notranslate"><code class="notranslate">const initStore = (initialState = {}) =&gt; {
  createStore(
    combineReducers({ someReducer, otherReducer }),
    initialState,
    composeWithDevTools(
      applyMiddleware(thunkMiddleware),
    ))
}
</code></pre></div>
<p dir="auto">template.js</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="class Base extends React.Component {
...
render(){
    return (
      &lt;div&gt;
        {this.props.children}
      &lt;/div&gt;
    )
  }
}
...
export default withRedux(Store, mapStateToProps, mapDispatchToProps)(Base)"><pre class="notranslate"><code class="notranslate">class Base extends React.Component {
...
render(){
    return (
      &lt;div&gt;
        {this.props.children}
      &lt;/div&gt;
    )
  }
}
...
export default withRedux(Store, mapStateToProps, mapDispatchToProps)(Base)
</code></pre></div>
<p dir="auto">./pages/index.js</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import Template from 'Templates/Base'

export default class Index extends React.Component {
  render(){
    return (
      &lt;Template&gt;
        {'index'}
      &lt;/Template&gt;
    )
  }
}"><pre class="notranslate"><code class="notranslate">import Template from 'Templates/Base'

export default class Index extends React.Component {
  render(){
    return (
      &lt;Template&gt;
        {'index'}
      &lt;/Template&gt;
    )
  }
}
</code></pre></div>
<h2 dir="auto">Context</h2>
<p dir="auto">I am wrapping all pages in template component which includes methods and components that are reused among all pages.</p>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>next</td>
<td>"^3.0.1-beta.20"</td>
</tr>
<tr>
<td>node</td>
<td>6.10.2</td>
</tr>
<tr>
<td>OS</td>
<td>Ubuntu/Linux</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 60</td>
</tr>
</tbody>
</table>
<p dir="auto">Regrading webpack allow array of config as input, this <code class="notranslate">next.config.js</code> crashes <code class="notranslate">yarn dev</code></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="module.exports = {
  webpack: (config, { dev }) =&gt; {
    return [config];
  },
};"><pre class="notranslate"><code class="notranslate">module.exports = {
  webpack: (config, { dev }) =&gt; {
    return [config];
  },
};
</code></pre></div>
<p dir="auto">Console output:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=" DONE  Compiled successfully in 3232ms                            12:18:49

(node:4702) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): TypeError: Cannot read property 'chunks' of undefined
(node:4702) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
(node:4702) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 2): TypeError: Cannot read property 'chunks' of undefined"><pre class="notranslate"><code class="notranslate"> DONE  Compiled successfully in 3232ms                            12:18:49

(node:4702) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): TypeError: Cannot read property 'chunks' of undefined
(node:4702) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
(node:4702) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 2): TypeError: Cannot read property 'chunks' of undefined
</code></pre></div>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>


<p dir="auto">Should work as normal</p>
<h2 dir="auto">Current Behavior</h2>


<p dir="auto">Throw an UnhandledPromiseRejectionWarning, the app doesn't work.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<ol dir="auto">
<li>Create a new next app.</li>
<li>Add <code class="notranslate">next.config.js</code> with following content:</li>
</ol>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="module.exports = {
  webpack: (config, { dev }) =&gt; {
    return [config];
  },
};"><pre class="notranslate"><code class="notranslate">module.exports = {
  webpack: (config, { dev }) =&gt; {
    return [config];
  },
};
</code></pre></div>
<ol start="3" dir="auto">
<li>Run <code class="notranslate">yarn dev</code></li>
</ol>
<h2 dir="auto">Context</h2>


<p dir="auto">I was trying to transpile custom server code using next's webpack config.</p>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>next</td>
<td>3.0.3</td>
</tr>
<tr>
<td>node</td>
<td>v8.1.0</td>
</tr>
<tr>
<td>OS</td>
<td>macOS Sierra 10.12.6 (16G29)</td>
</tr>
</tbody>
</table>