<h4 dir="auto">Describe the bug</h4>
<p dir="auto">This bugreport very similar to <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="153338313" data-permission-text="Title is private" data-url="https://github.com/axios/axios/issues/315" data-hovercard-type="issue" data-hovercard-url="/axios/axios/issues/315/hovercard" href="https://github.com/axios/axios/issues/315">#315</a> which was implemented and fixed, however I think this is not solved yet. When the query params parsing process itself fails (before the request even started), the resulting error object does not contain request information, making it hard to debug, especially with as error reports.</p>
<h4 dir="auto">To Reproduce</h4>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="axios.get(&quot;&quot;, {
  params: {
    someParam: new Date(undefined)
  }
}).catch((e) =&gt; {
  console.log(e);
})"><pre class="notranslate"><span class="pl-s1">axios</span><span class="pl-kos">.</span><span class="pl-en">get</span><span class="pl-kos">(</span><span class="pl-s">""</span><span class="pl-kos">,</span> <span class="pl-kos">{</span>
  <span class="pl-c1">params</span>: <span class="pl-kos">{</span>
    <span class="pl-c1">someParam</span>: <span class="pl-k">new</span> <span class="pl-v">Date</span><span class="pl-kos">(</span><span class="pl-c1">undefined</span><span class="pl-kos">)</span>
  <span class="pl-kos">}</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">catch</span><span class="pl-kos">(</span><span class="pl-kos">(</span><span class="pl-s1">e</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
  <span class="pl-smi">console</span><span class="pl-kos">.</span><span class="pl-en">log</span><span class="pl-kos">(</span><span class="pl-s1">e</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span></pre></div>
<p dir="auto">Only prints</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="RangeError: Invalid time value
    at Date.toISOString (&lt;anonymous&gt;)
    at parseValue (buildURL.js:53)
    at Object.forEach (utils.js:219)
    at serialize (buildURL.js:51)
    at Object.forEach (utils.js:225)
    at buildURL (buildURL.js:38)
    at dispatchXhrRequest (xhr.js:45)
    at new Promise (&lt;anonymous&gt;)
    at xhrAdapter (xhr.js:13)
    at dispatchRequest (dispatchRequest.js:53)"><pre class="notranslate"><code class="notranslate">RangeError: Invalid time value
    at Date.toISOString (&lt;anonymous&gt;)
    at parseValue (buildURL.js:53)
    at Object.forEach (utils.js:219)
    at serialize (buildURL.js:51)
    at Object.forEach (utils.js:225)
    at buildURL (buildURL.js:38)
    at dispatchXhrRequest (xhr.js:45)
    at new Promise (&lt;anonymous&gt;)
    at xhrAdapter (xhr.js:13)
    at dispatchRequest (dispatchRequest.js:53)
</code></pre></div>
<h4 dir="auto">Expected behavior</h4>
<p dir="auto">I would expect the error to have information about the request (uri, config, etc) just like when the error is thrown on server response error.</p>
<h4 dir="auto">Environment</h4>
<ul dir="auto">
<li>Axios Version 0.21.1</li>
<li>Adapter http</li>
<li>Browser chromium</li>
<li>Browser Version 87.0.4280.141</li>
<li>Node.js Version 12.20.0</li>
<li>OS: Manjaro 20.2.1</li>
<li>Additional Library Versions none</li>
</ul>
<h4 dir="auto">Additional context/Screenshots</h4>
<p dir="auto">dont have any. – I dont think that omitting this category should result in the automatic closing of an issue :-/</p>
<p dir="auto">Cheers</p>
<p dir="auto">Would be useful if <code class="notranslate">responseType</code> could be set to <code class="notranslate">stream</code> in the browser. Right now, it only works in node.</p>