The Movie Database Support Forum

I created a new api key and it's still not reading on my react project. Here is the code, any help would be appreciated. I have a .env file where the token and key are. Am i missing something?

const Add = () => { const [query, setQuery] = useState(""); const onChange = e => { e.preventDefault();

setQuery(e.target.value);

const options = {
  method: 'GET',
  headers: {
    accept: 'application/json',
    Authorization: `Bearer ${process.env.REACT_APP_ACCESS_TOKEN}`

  },
};


fetch(`https://api.themoviedb.org/3/search/tv?api_key=${process.env.REACT_APP_TMDB_KEY}&language=en-US&page=1&include_adult=false&query=${e.target.value}`
).then (res => res.json())
.then(data => {
  console.log(data)
})

};??

4 Antworten (Seite 1 von 1)

Jump to last post

I updated the fetch to call the options in it and still nothing.

hi @derek12345, you should print (console.log()) the string you are trying to fetch to see if there is anything wrong with it. If the api_key is missing, then read this:

https://stackoverflow.com/questions/49579028/adding-an-env-file-to-a-react-project

https://stackoverflow.com/questions/48378337/create-react-app-not-picking-up-env-files

Remove the env file and add key to code it works and I am also getting same error when using env file

Hi @Mohit1310,

Remove the env file and add key to code it works and I am also getting same error when using env file

If this is the case then you need to review the two stackoverflow links above that discuss issues with reading from an env file.

Es fehlt ein Film oder eine Serie? Logge dich ein zum Ergänzen.

Allgemein

s Fokus auf Suchfeld
p Profil öffnen
esc Fenster schließen
? Tastenkürzel anzeigen

Videos

b Zurück
e Bearbeiten

Staffeln

Nächste Staffel
Vorherige Staffel

Episoden

Nächste Episode
Vorherige Episode

Bilder

a Poster oder Hintergrundbild hinzufügen

Editieren

t Sprachauswahl öffnen
ctrl+ s Speichern

Diskussionen

n Neue Diskussion erstellen
w Beobachten an / aus
p Diskussion öffentlich / privat
c Diskussion öffnen / schließen
a Diskussionsverlauf anzeigen
r Auf Diskussion antworten
l Letzte Antwort anzeigen
ctrl+ enter Senden
Nächste Seite
Vorherige Seite

Einstellungen

Diesen Eintrag bewerten oder zu einer Liste hinzufügen?

Anmelden