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 ;)