title: 'ReferenceError: Headers is not defined' when using Headers in a server side rendered react project
body: <p>I'm setting up a new application in React and I want it to be server side rendered. Unfortunately I'm not able to use <a href="https://developer.mozilla.org/en-US/docs/Web/API/Headers" rel="noreferrer">Headers</a> since it keeps throwing the error 'ReferenceError: Headers is not defined'.</p>
  
  <p>I've already tried to add Headers by adding:</p>
  
  <pre><code>import fetch from 'node-fetch';
  
  global.fetch = fetch
  global.Headers = fetch.Headers;
  </code></pre>
  
  <p>This still throws the error though.</p>
  
  <p>This is an example of how I'm currently implementing the headers:</p>
  
  <pre><code>const defaultOptions = {
    method: METHOD,
    headers: new Headers({
      'Content-type': 'application/json',
      'X-Request-ID': new Date().getTime().toString(),
    }),
  };
  </code></pre>
  
  <p>Does anyone know what I'm missing to make it build and start?</p>