title: Why do I get "RangeError: date value is not finite in DateTimeFormat format()" when using Intl.DateTimeFormat in React?
body: <p>I cannot see where the date format is being passed incorrectly to cause the RangeError?</p>
  <p>I don't seem to be able to parse <code>user.created</code>. The user details are being brought in from a json response in reality, but I've shown them as a variable in this example.</p>
  <p>Here's my MRE:</p>
  <pre><code>import * as React from &quot;react&quot;;
  
  function Details() {
    const user = {
      firstName: &quot;Anthony&quot;,
      created: &quot;2020-08-19T23:13:44.514Z&quot;,
      updated: &quot;2020-09-12T00:31:31.275Z&quot;
    };
  
    const userJoined = new Intl.DateTimeFormat(&quot;en-GB&quot;, {
      year: &quot;numeric&quot;,
      month: &quot;long&quot;,
      day: &quot;2-digit&quot;
    }).format(user.created.toString());
  
    return (
      &lt;div&gt;
        &lt;p&gt;{user.firstName}&lt;/p&gt;
        &lt;p&gt;
          Joined:
          {new Intl.DateTimeFormat(&quot;en-GB&quot;, {
            year: &quot;numeric&quot;,
            month: &quot;long&quot;,
            day: &quot;2-digit&quot;
          }).format(userJoined)}
        &lt;/p&gt;
      &lt;/div&gt;
    );
  }
  
  export { Details };
  </code></pre>
  <p><a href="https://codesandbox.io/s/nostalgic-dewdney-jrob9?fontsize=14&amp;hidenavigation=1&amp;theme=dark" rel="noreferrer"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="Edit nostalgic-dewdney-jrob9" /></a></p>