setting up .env in react native

Question

Im trying to set up my env in react-native. I have install "react-native-dotenv": "^3.3.1".

In my babel.config.js I have the following:

  presets: ["module:metro-react-native-babel-preset"],
  plugins: [
    [
      "module:react-native-dotenv",
      {
        moduleName: "@env",
        path: ".env",
        blacklist: null,
        whitelist: null,
        safe: false,
        allowUndefined: false,
      },
    ],
  ],
};

I have a .env file in my root directory, inside i have

TEST_API = 123

in my file that I want to use the env, I imported it like this:

import {TEST_API}

when I try to use it {TEST_API} it does not work.

Check out this answer, that solves the same issue

Gebes
– Gebes

2022-06-18 07:12:48 +00:00
Commented Jun 18, 2022 at 7:12 — Gebes
– Gebes, Commented Jun 18, 2022 at 7:12

vimuth · Accepted Answer · 2022-08-15 11:05:52Z

1

Try with this one:

import {TEST_API} from '@env';

edited Aug 15, 2022 at 11:05

vimuth

5,87355 gold badges98 silver badges128 bronze badges

answered Aug 10, 2022 at 3:39

Yamisleidy Muñoz

1113 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

setting up .env in react native

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related