<p dir="auto">Hi,</p>
<p dir="auto">I've run into a problem while running my next.js app in production. I use next.js with <a href="https://github.com/FormidableLabs/urql">URQL</a> and the <a href="https://github.com/zeit/next-plugins/tree/master/packages/next-sass">ZEIT SASS package</a> for next.js. When i run the app in dev mode it runs fine while navigating the routes. After i build the app and start it in production i run into a problem though.</p>
<p dir="auto">If i go to my second route directly (localhost:3000/test, without a graphql query) and try navigating to a route with a query (localhost:3000/) it won't execute the query and stays on the initial route (localhost:300/test). I first reported a bug with the guys from URQL (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="486008692" data-permission-text="Title is private" data-url="https://github.com/urql-graphql/urql/issues/411" data-hovercard-type="issue" data-hovercard-url="/urql-graphql/urql/issues/411/hovercard" href="https://github.com/urql-graphql/urql/issues/411">urql-graphql/urql#411</a>) but they couldn't help me.</p>
<p dir="auto">To reproduce my issue i created a repo to check out: <a href="https://github.com/erickm/next-urql-sass/tree/master/examples/3-ssr-with-nextjs">https://github.com/erickm/next-urql-sass/tree/master/examples/3-ssr-with-nextjs</a>.</p>
<p dir="auto">It looks like the error occurs while passing the data props to a custom component (only when using the sass function, without the sass pacakge it works fine).</p>
<p dir="auto">To reproduce:</p>
<ol dir="auto">
<li>checkout the repo &amp; install</li>
<li><code class="notranslate">yarn build &amp;&amp; yarn start</code></li>
<li>navigate to <code class="notranslate">localhost:3000/test</code></li>
<li>try to go to the home page (here is where i get stuck)</li>
</ol>
<p dir="auto">When i remove withSass in the next.config.js and remove the sass imports and sytles, build it and start it again it works fine.</p>
<p dir="auto">For reference i created a gif:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/2747197/63921600-635a6980-ca43-11e9-9d9e-9e1d6c331138.gif"><img src="https://user-images.githubusercontent.com/2747197/63921600-635a6980-ca43-11e9-9d9e-9e1d6c331138.gif" alt="navigating" data-animated-image="" style="max-width: 100%;"></a></p>
<h1 dir="auto">Bug report</h1>
<h2 dir="auto">Describe the bug</h2>
<p dir="auto">When I'm running my next.js website on my local environment (only on local), and I try to access a page other than the homepage on an Apple device (Safari for desktop or anything on iOS), I get this error:<br>
<code class="notranslate">undefined is not an object (evaluating 'modules[moduleId].call')</code></p>
<p dir="auto">This is very very very specific as you can see.</p>
<p dir="auto">Actually it doesn't really bother me as it's only hapenning in dev mode.<br>
And I don't develop on Apple devices.</p>
<h2 dir="auto">Screenshots</h2>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/16116486/46108786-26587800-c1df-11e8-9648-793396b582ce.jpg"><img src="https://user-images.githubusercontent.com/16116486/46108786-26587800-c1df-11e8-9648-793396b582ce.jpg" alt="image-1" style="max-width: 100%;"></a></p>
<h2 dir="auto">System information</h2>
<ul dir="auto">
<li>OS: iOS 11.4.1</li>
<li>Browser: Chrome, Safari</li>
<li>Version of Next.js: 6.1.2</li>
</ul>