<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 build.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Build fails.</p>
<div class="highlight highlight-source-shell notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="DONE  Compiled successfully in 97ms22:04:14
[1]
[1] { Error: Cannot find module 'rebass'
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.&lt;anonymous&gt; (/Users/worker/development/project/_system/__build__/next/dist/pages/index.js:4:806)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: 'MODULE_NOT_FOUND' }
[1] { Error: Cannot find module 'styled-components'
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.&lt;anonymous&gt; (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: 'MODULE_NOT_FOUND' }
[1] { Error: Cannot find module 'styled-components'
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.&lt;anonymous&gt; (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: 'MODULE_NOT_FOUND' }
[1] { Error: Cannot find module 'styled-components'
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.&lt;anonymous&gt; (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: 'MODULE_NOT_FOUND' }
[1] { Error: Cannot find module 'styled-components'
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.&lt;anonymous&gt; (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: 'MODULE_NOT_FOUND' }
[1] { Error: Cannot find module 'rebass'
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.&lt;anonymous&gt; (/Users/worker/development/project/_system/__build__/next/dist/pages/index.js:4:806)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: 'MODULE_NOT_FOUND' }
[1] { Error: Cannot find module 'styled-components'
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.&lt;anonymous&gt; (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: 'MODULE_NOT_FOUND' }
[1] { Error: Cannot find module 'styled-components'
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.&lt;anonymous&gt; (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: 'MODULE_NOT_FOUND' }
[1] { Error: Cannot find module 'styled-components'
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.&lt;anonymous&gt; (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: 'MODULE_NOT_FOUND' }
[1] { Error: Cannot find module 'styled-components'
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.&lt;anonymous&gt; (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: 'MODULE_NOT_FOUND' }"><pre class="notranslate">DONE  Compiled successfully <span class="pl-k">in</span> 97ms22:04:14
[1]
[1] { Error: Cannot find module <span class="pl-s"><span class="pl-pds">'</span>rebass<span class="pl-pds">'</span></span>
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.<span class="pl-k">&lt;</span>anonymous<span class="pl-k">&gt;</span> (/Users/worker/development/project/_system/__build__/next/dist/pages/index.js:4:806)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: <span class="pl-s"><span class="pl-pds">'</span>MODULE_NOT_FOUND<span class="pl-pds">'</span></span> }
[1] { Error: Cannot find module <span class="pl-s"><span class="pl-pds">'</span>styled-components<span class="pl-pds">'</span></span>
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.<span class="pl-k">&lt;</span>anonymous<span class="pl-k">&gt;</span> (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: <span class="pl-s"><span class="pl-pds">'</span>MODULE_NOT_FOUND<span class="pl-pds">'</span></span> }
[1] { Error: Cannot find module <span class="pl-s"><span class="pl-pds">'</span>styled-components<span class="pl-pds">'</span></span>
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.<span class="pl-k">&lt;</span>anonymous<span class="pl-k">&gt;</span> (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: <span class="pl-s"><span class="pl-pds">'</span>MODULE_NOT_FOUND<span class="pl-pds">'</span></span> }
[1] { Error: Cannot find module <span class="pl-s"><span class="pl-pds">'</span>styled-components<span class="pl-pds">'</span></span>
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.<span class="pl-k">&lt;</span>anonymous<span class="pl-k">&gt;</span> (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: <span class="pl-s"><span class="pl-pds">'</span>MODULE_NOT_FOUND<span class="pl-pds">'</span></span> }
[1] { Error: Cannot find module <span class="pl-s"><span class="pl-pds">'</span>styled-components<span class="pl-pds">'</span></span>
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.<span class="pl-k">&lt;</span>anonymous<span class="pl-k">&gt;</span> (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: <span class="pl-s"><span class="pl-pds">'</span>MODULE_NOT_FOUND<span class="pl-pds">'</span></span> }
[1] { Error: Cannot find module <span class="pl-s"><span class="pl-pds">'</span>rebass<span class="pl-pds">'</span></span>
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.<span class="pl-k">&lt;</span>anonymous<span class="pl-k">&gt;</span> (/Users/worker/development/project/_system/__build__/next/dist/pages/index.js:4:806)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: <span class="pl-s"><span class="pl-pds">'</span>MODULE_NOT_FOUND<span class="pl-pds">'</span></span> }
[1] { Error: Cannot find module <span class="pl-s"><span class="pl-pds">'</span>styled-components<span class="pl-pds">'</span></span>
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.<span class="pl-k">&lt;</span>anonymous<span class="pl-k">&gt;</span> (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: <span class="pl-s"><span class="pl-pds">'</span>MODULE_NOT_FOUND<span class="pl-pds">'</span></span> }
[1] { Error: Cannot find module <span class="pl-s"><span class="pl-pds">'</span>styled-components<span class="pl-pds">'</span></span>
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.<span class="pl-k">&lt;</span>anonymous<span class="pl-k">&gt;</span> (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: <span class="pl-s"><span class="pl-pds">'</span>MODULE_NOT_FOUND<span class="pl-pds">'</span></span> }
[1] { Error: Cannot find module <span class="pl-s"><span class="pl-pds">'</span>styled-components<span class="pl-pds">'</span></span>
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.<span class="pl-k">&lt;</span>anonymous<span class="pl-k">&gt;</span> (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: <span class="pl-s"><span class="pl-pds">'</span>MODULE_NOT_FOUND<span class="pl-pds">'</span></span> }
[1] { Error: Cannot find module <span class="pl-s"><span class="pl-pds">'</span>styled-components<span class="pl-pds">'</span></span>
[1]     at Function.Module._resolveFilename (module.js:485:15)
[1]     at Function.Module._load (module.js:437:25)
[1]     at Module.require (module.js:513:17)
[1]     at require (internal/module.js:11:18)
[1]     at Object.<span class="pl-k">&lt;</span>anonymous<span class="pl-k">&gt;</span> (/Users/worker/development/project/_system/__build__/next/dist/pages/_document.js:11:275)
[1]     at Module._compile (module.js:569:30)
[1]     at Object.Module._extensions..js (module.js:580:10)
[1]     at Module.load (module.js:503:32)
[1]     at tryModuleLoad (module.js:466:12)
[1]     at Function.Module._load (module.js:458:3) code: <span class="pl-s"><span class="pl-pds">'</span>MODULE_NOT_FOUND<span class="pl-pds">'</span></span> }</pre></div>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Set the outDir to a folder outside of the next.js project.</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="module.exports = {
  // the next.js project lives in _web. All deploys go into _system. So we go one folder up.
  distDir: '../_system/__build__/next'
}"><pre class="notranslate"><span class="pl-smi">module</span><span class="pl-kos">.</span><span class="pl-c1">exports</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span>
  <span class="pl-c">// the next.js project lives in _web. All deploys go into _system. So we go one folder up.</span>
  <span class="pl-c1">distDir</span>: <span class="pl-s">'../_system/__build__/next'</span>
<span class="pl-kos">}</span></pre></div>
<h2 dir="auto">Context</h2>
<p dir="auto">Quite typical for a mono repository where all the resources are gathered in one public folder for deploy.</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>beta</td>
</tr>
<tr>
<td>node</td>
<td>8.2.1</td>
</tr>
<tr>
<td>OS</td>
<td>Mac Sierra</td>
</tr>
</tbody>
</table>
<p dir="auto">I'm trying to experiment with next.js boilerplate with react-dnd. But I don't know where to begin or if there is some wrapper like <a class="issue-link js-issue-link notranslate" rel="noopener noreferrer nofollow" href="https://linear.app/vercel/issue/NEXT-redux-wrapper">next-redux-wrapper</a> for use with react-dnd. I'm not sure how to frame the question because I just don't know what to ask or what considerations there are for using it with react-dnd. Can someone point me in the right direction?</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>