title: react evironment variables .env return undefined
body: <p>I am building a react app and i need to fetch data from my api, now i want to store the api url as an environment variable. I have my .env file, i have dotenv installed, here is my code process.env.API_URL is returning undefined.</p>
  
  <pre><code>import React, { Component } from 'react';
  import logo from './logo.svg';
  import './App.css';
  import Home from '../src/components/Home'
  import dotenv from  'dotenv'
  import path from 'path'
  
  
  class App extends Component {
    render() {
      console.log(process.env.API_URL)
      return (
        &lt;div&gt;
          &lt;Home/&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>