Hi,
So i build an app with react for display a list of movie when the user land on the homepage by using a request to the discovery API and as in the subject i get an error 401 when i land on my homepage i deploy the website by usign at first netlify and now by using the gthub homepage but the result is the same.
i setup the API_KEY in a env.local for the production and perform the change for the build but i still get this error so i think i should test the most basic and direct way to get the request by insert the apikey directly inside the axios request and still i got this error.
this is my first request
useEffect(() => {
setLoading();
const fetchMovies = async () => {
const res = await axios.get(`https://api.themoviedb.org/3/discover/movie?api_key=${process.env.REACT_APP_TMDB_API_KEY}&language=fr-FR&sort_by=popularity.desc&include_adult=false&include_video=false&page=1`);
dispatch({
type: INITIAL_LIST_OF_MOVIES,
payload: res.data.results
});
};
fetchMovies();
}, []);
as i said i change the process.env.REACT_APP_TMDB_API_KEY
to simply TMBD_API_KEY after pass in into a condition for check if the env is in production i even just simply put my API_KEY "59c76c5b****************" for check if even that would work but nothing.
i hope i gave you enough information for help me in the process of fixing that its the first time i use an API and react so everything is new ;)
Can't find a movie or TV show? Login to create it.
Want to rate or add this item to a list?
Not a member?
Reply by Travis Bell
on July 12, 2019 at 1:11 AM
Hi @silverGraphik,
Unless someone familiar with React stops by and sees this, this forum is probably not going to be the best place to get React help. All I can say is that your API key, and request are working fine. When I replace your API key with this query, it works properly:
The best thing I can suggest is to head over to and ask over there. It's a lot more suited to programming related questions.
Reply by silverGraphik
on October 4, 2019 at 7:25 AM
Thanks Travis i find the solution and its look like when i deploy the website on heroku or netlify for the variable
process.env.REACT_APP_TMDB_API_KEY
whos contain the api key is not read when i call the api from the platform where is stored the data i just replace the variable with the key until i can understand how to deal with that issue