How to get .env variables with Create-React-App --template typescript?

Question

Can't seem to load.env variables using create-react-app --template=typescript not sure what I'm missing. Can anyone help out? process.env.REACT_APP_GRAPHQL variable is undefined and process.env just returns an empty object.

Using "react-scripts": "3.4.1"

EDIT: figured it out answer below

Answer 1

You can find the complete answer in the create-react-app docs about environment variables.

Answer 2

false flag, found out VScode was trying to be smart and auto-imported module "process" at the top which overwrote the actual process.env variables being sent through. Just had to remove the "process" module to fix things didn't even notice it being imported.