<p dir="auto">We have a very strange edge case only happening in Firefox but its def causing some problems.</p>
<p dir="auto">This is whats happening is I navigate to the root <a href="http://localhost:3000" rel="nofollow">http://localhost:3000</a>, get redirected on the server to /about2</p>
<p dir="auto">I click I button which Router.replace shallow:true which replaces the url to /about2?key=value</p>
<p dir="auto">I refresh the browser at the current state, url is /about2, I expect it to be /about2=key=value</p>
<p dir="auto">Here a video recording of the scenario.<br>
<a href="https://drive.google.com/file/d/1c0oN-UZIVuG5lt6oZiJOlwZSzAM98gSX/view?usp=sharing" rel="nofollow">https://drive.google.com/file/d/1c0oN-UZIVuG5lt6oZiJOlwZSzAM98gSX/view?usp=sharing</a></p>
<p dir="auto">To be a friendly guest here's the repro repo, examples/hello-world<br>
npm install &amp;&amp; npm run dev</p>
<p dir="auto"><a href="https://github.com/ptomasroos/next.js/tree/firefox-loses-querystrings">https://github.com/ptomasroos/next.js/tree/firefox-loses-querystrings</a></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>
<p dir="auto">Firefox 58 (latest)</p>
<p dir="auto">So, on my eternal quest to try to make CSS work with this repo, I have arrived to the following config:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="config.module.rules.push({
    test: /\.(png|jpg|gif|eot|ttf|woff|woff2)$/,
    use: {
      loader: 'url-loader',
      options: {
        limit: 8192
      }
    }
  });

  config.module.rules.push({
    test: /\.css$/,
    use: ExtractTextPlugin.extract({
      fallback: 'style-loader',
      use: 'css-loader'
    }),
  });

  config.plugins.push(
    new ExtractTextPlugin({
      filename: 'styles.css',
      allChunks: true
    })
  );"><pre class="notranslate"><code class="notranslate">config.module.rules.push({
    test: /\.(png|jpg|gif|eot|ttf|woff|woff2)$/,
    use: {
      loader: 'url-loader',
      options: {
        limit: 8192
      }
    }
  });

  config.module.rules.push({
    test: /\.css$/,
    use: ExtractTextPlugin.extract({
      fallback: 'style-loader',
      use: 'css-loader'
    }),
  });

  config.plugins.push(
    new ExtractTextPlugin({
      filename: 'styles.css',
      allChunks: true
    })
  );
</code></pre></div>
<p dir="auto">The extraction works as planned, and the file gets generated properly. However, <code class="notranslate">source-map-support</code> seems to somehow cough up on the CSS file, and gives this error:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="@font-face {
^

SyntaxError: Invalid or unexpected token
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:588:28)
    at Module._compile (/Users/danny/src/insights-frontend/node_modules/source-map-support/source-map-support.js:492:25)
    at Object.Module._extensions..js (module.js:635:10)
    at Module.load (module.js:545:32)
    at tryModuleLoad (module.js:508:12)
    at Function.Module._load (module.js:500:3)
    at Module.require (module.js:568:17)
    at require (internal/module.js:11:18)"><pre class="notranslate"><code class="notranslate">@font-face {
^

SyntaxError: Invalid or unexpected token
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:588:28)
    at Module._compile (/Users/danny/src/insights-frontend/node_modules/source-map-support/source-map-support.js:492:25)
    at Object.Module._extensions..js (module.js:635:10)
    at Module.load (module.js:545:32)
    at tryModuleLoad (module.js:508:12)
    at Function.Module._load (module.js:500:3)
    at Module.require (module.js:568:17)
    at require (internal/module.js:11:18)
</code></pre></div>
<p dir="auto">Is there any ideas? Am I missing something? Is there a way to tell <code class="notranslate">source-map-support</code> to ignore *.css files?</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>