<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">I expected to have my .json file returned.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Instead, I was asked for 'module' or 'render' objects.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li>Create a JSON file to import</li>
<li>use dynamic(require) to import the file</li>
<li>voila</li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">I'd like to use the dynamic import in a page-loading situation whereby my .md/json is loaded in on the prop-injection. Better than working with fetch as the export function is respected by next and the require baked-in.</p>
<p dir="auto">Example build fails.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="TypeError: (0 , _styles.createStyleSheet) is not a function
    at Object.&lt;anonymous&gt; (/xxx/xxxx/xxx/xxx/with-material-ui-next/.next/dist/components/withRoot.js:47:47)
    at Module._compile (module.js:573:30)
    at Object.Module._extensions..js (module.js:584:10)
    at Module.load (module.js:507:32)
    at tryModuleLoad (module.js:470:12)
    at Function.Module._load (module.js:462:3)
    at Module.require (module.js:517:17)
    at require (internal/module.js:11:18)
    at Object.&lt;anonymous&gt; (/xxx/xxx/xxx/xxx/with-material-ui-next/.next/dist/pages/index.js:43:17)
    at Module._compile (module.js:573:30)"><pre class="notranslate"><code class="notranslate">TypeError: (0 , _styles.createStyleSheet) is not a function
    at Object.&lt;anonymous&gt; (/xxx/xxxx/xxx/xxx/with-material-ui-next/.next/dist/components/withRoot.js:47:47)
    at Module._compile (module.js:573:30)
    at Object.Module._extensions..js (module.js:584:10)
    at Module.load (module.js:507:32)
    at tryModuleLoad (module.js:470:12)
    at Function.Module._load (module.js:462:3)
    at Module.require (module.js:517:17)
    at require (internal/module.js:11:18)
    at Object.&lt;anonymous&gt; (/xxx/xxx/xxx/xxx/with-material-ui-next/.next/dist/pages/index.js:43:17)
    at Module._compile (module.js:573:30)
</code></pre></div>
<p dir="auto">When running npm install and npm run dev, app compiles successfully then immediately fails when I land on local host with the above error.</p>

<ul dir="auto">
<li>[ X] 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. This issue was listed, then closed with no comment.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">Expected app not to fail.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">App fails after landing on local host 3000 with above error message</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<ol dir="auto">
<li>CD into example directory</li>
<li>npm install</li>
<li>npm run dev</li>
<li>visit localhost:3000</li>
</ol>
<h2 dir="auto">Context</h2>


<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>8.4.0</td>
</tr>
<tr>
<td>OS</td>
<td>High Sierra</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>