Hey, I was granted an API key, but when I implemented it into my code, I keep getting {"status_code":7,"status_message":"Invalid API key: You must be granted a valid key.","success":false}. here is my code: import React, { useState, useEffect } from "react"; import "./OptionsTabs.css"; import Nav from 'react-bootstrap/Nav'; import NavDropdown from 'react-bootstrap/NavDropdown'; import GenreList from "./GenreList";
function OptionsTab () { const { VITE_MOVIE_API_KEY } = import.meta.env
const [genres, setGenres] = useState([]);
const fetchGenresData = async () => {
try {
const response = await fetch(
`https://api.themoviedb.org/3/genre/movie/list?language=en&${VITE_MOVIE_API_KEY}`,
{
headers: {
accept: 'application/json',
Authorization: `Bearer ${VITE_MOVIE_API_KEY}`,
},
}
);
if (!response.ok) {
throw new Error(`Error fetching genres: ${response.statusText}`);
}
const data = await response.json();
setGenres(data.results);
} catch (error) {
console.error('Error fetching genres:', error);
}
};
useEffect(() => {
fetchGenresData();
}, []);
Can anyone help me out? Although I'm pretty sure its not my code and its the API key itself
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 ticao2 š§š· pt-BR
on May 17, 2024 at 9:47 AM
Only the Travis Bell admin and you can access your API Key.
So I suggest you
Take a Test
Using a computer, desktop or notebook.
On some mobile devices this test may not work correctly.
In the URL below, change THE_KEY to your API Key.
https://api.themoviedb.org/3/movie/550?api_key=THE_KEY
Use this example to do a search using a new tab or window in your browser.
You will receive the basic data of the Movie Fight Club (1999)
https://www.themoviedb.org/movie/550-fight-club
If it works, your Key is OK.
When there is a problem, the TMDb Server sends a message.
Can you tell which message the server sent?
Here is a list of possible messages:
https://developer.themoviedb.org/docs/errors
If it does not work, let us know right here.