title: When I use my Heroku Config Variables in my react app, they come back as undefined
body: <p>I've built a simple resume <a href="https://luisdriver.herokuapp.com/" rel="nofollow noreferrer">website</a> using react; hosted on heroku, its code can be found <a href="https://github.com/LEscobar-Driver/MyWebsite" rel="nofollow noreferrer">here</a>. I am using a service <a href="https://www.emailjs.com/" rel="nofollow noreferrer">emailjs</a> to allow others to reach me via email. Locally I am using <code>config/secrets.json</code> to load variables I need to initiate the emailjs object. I added all variables contained in <code>config/secrets.json</code> to my heroku app located at <code>Settings</code> <code>Config Vars</code>. </p>
  
  <p>You can see how I attempt to access those environment variables <a href="https://github.com/LEscobar-Driver/MyWebsite/blob/master/components/Footer.js#L90" rel="nofollow noreferrer">here</a>. </p>
  
  <p>When I take a look at the console, I see that <code>process.env.INIT_USER</code> outputs <code>undefined</code>? I have <code>INIT_USER</code> in my heroku app and see it on the cli with command <code>heroku config -a app_name</code>. </p>
  
  <p>I cannot access my environment variables despite the fact that I see them on my herokus app settings. </p>
  
  <p>My application is deployed in Heroku and I use Heroku Pipelines for my deployment and build process.</p>