The Movie Database Support

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

1 reply (on page 1 of 1)

Jump to last post

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:

https://api.themoviedb.org/3/discover/movie?api_key=###&language=fr-FR&sort_by=popularity.desc&include_adult=false&include_video=false&page=1

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.

Global

s focus the search bar
p open profile menu
esc close an open window
? open keyboard shortcut window

On media pages

b go back (or to parent when applicable)
e go to edit page

On TV season pages

(right arrow) go to next season
(left arrow) go to previous season

On TV episode pages

(right arrow) go to next episode
(left arrow) go to previous episode

On all image pages

a open add image window

On all edit pages

t open translation selector
ctrl+ s submit form

On discussion pages

n create new discussion
w toggle watching status
p toggle public/private
c toggle close/open
a open activity
r reply to discussion
l go to last reply
ctrl+ enter submit your message
(right arrow) next page
(left arrow) previous page