Hi, I'm working on a project and I'm trying to create a Netflix clone site. My goal is to show the cover titles of the movies, on a Homepage main banner. to do this I created the following three files inside my folder:

1. axios.js

import axios from "axios";

const instance = axios.create({
    baseURL: "https://api.themoviedb.org/3"
});

export default instance;

2. Requests.js

const API_KEY = "___MY API____";

const requests = {
    fetchTrending: `/trending/all/week?api_key=${API_KEY}&language=en-US`,
    fetchNetflixOriginals: `/discover/tv?api_key=${API_KEY}&with_networks=213`,
    fetchComedyMovies: `/discover/movie?api_key=${API_KEY}&with_genres=35`,
    fetchHorrorMovies: `/discover/movie?api_key=${API_KEY}&with_genres=27`,
    fetchRomanceMovies: `/discover/movie?api_key=${API_KEY}&with_genres=10749`,
    fetchDocumentaries: `/discover/movie?api_key=${API_KEY}&with_genres=99`,
};

export default requests;

3. Banner.js

import React, { useEffect, useState } from 'react';
import "./Banner.css";
import axios from "./axios"
import requests from "./Requests";

function Banner() {

    const [movie, setMovie] = useState([]);


    useEffect(() => {
        async function fetchData() {
            const request = await axios.get(requests.fetchNetflixOriginals);
            setMovie(
                request.data.results[
                Math.floor(Math.random() * request.data.results.lenght - 1)
                ]
            );
            return requests;
        }

        fetchData();
    }, [])

    console.log(movie);

The problem is that when I try to do the "console.log" it returns a 404 error and an empty array.

The background of the banner goes from black to completely white and no films appear on my banner.

This makes me assume that there is some error in the code or some problem in the API. Could someone please check the code and help me figure out where the error is? Thank you!