Expected behavior Hi guys, I built my react app using the zip download from mdbreact. Everything is working fine and until the part where i need to create a contact form using emailjs. So I created an .env file to hide my user api key in order to use emailjs. I did as many resources told to do: .env in root folder where package.json is, i added REACT_APP_API_KEY:12345myapikey and of course no semicolon or comas behind, also restarting the application after any changes at .env.

Actual behavior But when I tried accessing it on the react file by console logging it, it stays undefined. However If I don't use the .env, and put the userID as string, this can still be recognized and the form is working perfectly fine. Resources (screenshots, code snippets etc.) Currently, this is how my code looks like when using process.env. What actually caused this and what did i miss? do i need to use dotenv?if yes, how do i import and invoke this?

`const userID = process.env.REACT_APP_USER_ID

const Contact = () => {

function sendEmail(e) { e.preventDefault();

emailjs
  .sendForm('Gmail', 'form_template', e.target, userID)
  .then(
    (result) => {
      console.log(result.text);
    },
    (error) => {
      console.log(error.text);
    }
  );
e.target.reset();

}`