AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …}

GET http://localhost:3000/discover/tv?api_key=500179a347e1027821840c9690d80634&with_networks=213 404 (Not Found)

Banner.js

import axios from 'axios';


function Banner(props) {
const [movie,setMovie] = useState([])

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


console.log(movie)


   return (
     <header>

     </header>
   );
}

export default Banner;

axios.js

import axios from "axios" ; 

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

export default  instance ;

App.js

import React from "react"
import './App.css';
import Row from "./Row";
import requests from "./requests";
import Banner from './Banner';
import Nav from './Nav';

function App() {
  return (
    <div className="App">
      <Nav/>
      <Banner url = {requests.fetchNetflixOriginals}/>
      <Row 
      title = "Netfilx Originals" 
      url = {requests.fetchNetflixOriginals}
      isLargeRow 

      />