title: "ReferenceError: process is not defined" in WebStorm debugger
body: <p>I have a very simple function in my react-component, which I'm trying to debug:</p>
  
  <pre><code>function login(username, password) {
      const requestOptions = {
          method: 'GET',
          headers: {'Authorization': "Basic " + btoa(username + ":" + password)}
      };
      console.log("REACT_APP_API_ROOT: " + process.env.REACT_APP_API_ROOT)
      return fetch(process.env.REACT_APP_API_ROOT + '/user/current', requestOptions)
          .then(handleResponse)
          .then(usr =&gt; {
              if (usr) {
                  let user = {};
                  user.username = usr.principal.username;
                  user.authdata = window.btoa(username + ':' + password);
                  localStorage.setItem('user', JSON.stringify(user));
                  return user;
              } else {
                  return null;
              }
          });
  }
  </code></pre>
  
  <p>I'd like to see the current value of <code>process.env.REACT_APP_API_ROOT</code> property in the debugger (WebStorm, v. 2020.1), but I get the following error:</p>
  
  <p><a href="https://i.stack.imgur.com/TFqm3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TFqm3.png" alt="enter image description here"></a></p>
  
  <p>Full error text:</p>
  
  <pre><code>ReferenceError: process is not defined
      at eval (eval at login (http://localhost:3000/static/js/main.chunk.js:2382:3), &lt;anonymous&gt;:1:1)
      at Object.login (http://localhost:3000/static/js/main.chunk.js:2382:3)
      at Login.handleSubmit (http://localhost:3000/static/js/main.chunk.js:2175:71)
      at HTMLUnknownElement.callCallback (http://localhost:3000/static/js/0.chunk.js:78334:18)
      at Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/0.chunk.js:78383:20)
      at invokeGuardedCallback (http://localhost:3000/static/js/0.chunk.js:78437:35)
      at invokeGuardedCallbackAndCatchFirstError (http://localhost:3000/static/js/0.chunk.js:78452:29)
      at executeDispatch (http://localhost:3000/static/js/0.chunk.js:78585:7)
      at executeDispatchesInOrder (http://localhost:3000/static/js/0.chunk.js:78610:9)
      at executeDispatchesAndRelease (http://localhost:3000/static/js/0.chunk.js:78715:9)
      at executeDispatchesAndReleaseTopLevel (http://localhost:3000/static/js/0.chunk.js:78724:14)
      at forEachAccumulated (http://localhost:3000/static/js/0.chunk.js:78696:12)
      at runEventsInBatch (http://localhost:3000/static/js/0.chunk.js:78741:7)
      at runExtractedPluginEventsInBatch (http://localhost:3000/static/js/0.chunk.js:78887:7)
      at handleTopLevel (http://localhost:3000/static/js/0.chunk.js:84142:9)
      at batchedEventUpdates (http://localhost:3000/static/js/0.chunk.js:80393:16)
      at dispatchEventForPluginEventSystem (http://localhost:3000/static/js/0.chunk.js:84242:9)
      at dispatchEvent (http://localhost:3000/static/js/0.chunk.js:84272:9)
      at unstable_runWithPriority (http://localhost:3000/static/js/0.chunk.js:121600:16)
      at runWithPriority$2 (http://localhost:3000/static/js/0.chunk.js:89805:14)
      at discreteUpdates$1 (http://localhost:3000/static/js/0.chunk.js:100906:16)
      at discreteUpdates (http://localhost:3000/static/js/0.chunk.js:80411:16)
      at dispatchDiscreteEvent (http://localhost:3000/static/js/0.chunk.js:84225:7)
  </code></pre>
  
  <p>Nevertheless, the value was printed out in a console log:</p>
  
  <pre><code>REACT_APP_API_ROOT: http://localhost:8080
  </code></pre>
  
  <p>How can I see the value of <code>process.env.REACT_APP_API_ROOT</code> property in the debugger?</p>