react evironment variables .env return undefined : <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>
