I cannot access the secret in GitHub Actions. The secret is always empty

[EdwardZhr]

Select Topic Area

Question

Body

`
I cannot access the secret in GitHub Actions. The secret is always empty. What is wrong with my code?

`

[Saptak625]

Hello, @EdwardZhr. The name used for the secret is used/declared incorrectly. Try to use consistent naming conventions to avoid confusing yourself.

In your actions workflow YML, change the env variable declaration to:

env:
    REACT_APP_APISECRET: ${{ secrets.REACT_APP_APISECRET }}
    REACT_APP_TEST_KEY: testtesttesttest

Please indent the above code like it is in your example. YML files are dependent on whitespaces.


Next, in your JS code, access the REACT_APP_APISECRET env key like the following:

const apiKey = process.env.REACT_APP_APISECRET;

With the above changes, your React code should be able to successfully access the env variable from the Github action. 🎉

By the way, please post the code, not screenshots for the problem in the discussion. This will greatly help anyone trying to debug your code!

[Saptaknth]

@EdwardZhr If the above solution worked, please mark the comment as the answer to resolve this discussion thread.

[github-actions[bot]]

🕒 Discussion Activity Reminder 🕒

This Discussion has been labeled as dormant by an automated system for having no activity in the last 60 days. Please consider one the following actions:

1️⃣ Close as Out of Date: If the topic is no longer relevant, close the Discussion as out of date at the bottom of the page.

2️⃣ Provide More Information: Share additional details or context — or let the community know if you've found a solution on your own.

3️⃣ Mark a Reply as Answer: If your question has been answered by a reply, mark the most helpful reply as the solution.

Note: This dormant notification will only apply to Discussions with the Question label. To learn more, see our recent announcement.

Thank you for helping bring this Discussion to a resolution! 💬