영화 나열을 위한 Row 컴포넌트 생성하기

8분 47초 까지 따라했는데, 오류가 뜹니다.

import React, { useEffect } from 'react'
import axios from '../api/axios'

export default function Row({ isLargeLow, title, id, fetchUrl }) {
    useEffect (() => {
        fetchMovieData();
    }, []);

    const fetchMovieData = async () => {
        const request = await axios.get(fetchUrl);
        console.log('request', request);
    };

  return (
    <div>
        
    </div>
  )
}

터미널에서는 아래와 같은 오류가 뜨고,

WARNING in ./src/components/Banner.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/components/Banner.css)
Module Warning (from ./node_modules/postcss-loader/dist/cjs.js):
Warning

(75:5) autoprefixer: start value has mixed support, consider using flex-start instead

WARNING in [eslint] 
src/components/Row.js
  Line 7:8:  React Hook useEffect has a missing dependency: 'fetchMovieData'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

webpack compiled with 2 warnings

아래는 크롬에서 뜨는 오류입니다.

Uncaught runtime errors:
×
ERROR
Cannot read properties of undefined (reading 'fetchNetflixOriginals')
TypeError: Cannot read properties of undefined (reading 'fetchNetflixOriginals')
    at App (http://localhost:3000/static/js/bundle.js:46:61)
    at renderWithHooks (http://localhost:3000/static/js/bundle.js:20698:22)
    at mountIndeterminateComponent (http://localhost:3000/static/js/bundle.js:23984:17)
    at beginWork (http://localhost:3000/static/js/bundle.js:25280:20)
    at HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:10290:18)
    at Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/bundle.js:10334:20)
    at invokeGuardedCallback (http://localhost:3000/static/js/bundle.js:10391:35)
    at beginWork$1 (http://localhost:3000/static/js/bundle.js:30265:11)
    at performUnitOfWork (http://localhost:3000/static/js/bundle.js:29512:16)
    at workLoopSync (http://localhost:3000/static/js/bundle.js:29435:9)
ERROR
Cannot read properties of undefined (reading 'fetchNetflixOriginals')
TypeError: Cannot read properties of undefined (reading 'fetchNetflixOriginals')
    at App (http://localhost:3000/static/js/bundle.js:46:61)
    at renderWithHooks (http://localhost:3000/static/js/bundle.js:20698:22)
    at mountIndeterminateComponent (http://localhost:3000/static/js/bundle.js:23984:17)
    at beginWork (http://localhost:3000/static/js/bundle.js:25280:20)
    at HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:10290:18)
    at Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/bundle.js:10334:20)
    at invokeGuardedCallback (http://localhost:3000/static/js/bundle.js:10391:35)
    at beginWork$1 (http://localhost:3000/static/js/bundle.js:30265:11)
    at performUnitOfWork (http://localhost:3000/static/js/bundle.js:29512:16)
    at workLoopSync (http://localhost:3000/static/js/bundle.js:29435:9)
ERROR
Cannot read properties of undefined (reading 'fetchNetflixOriginals')
TypeError: Cannot read properties of undefined (reading 'fetchNetflixOriginals')
    at App (http://localhost:3000/static/js/bundle.js:46:61)
    at renderWithHooks (http://localhost:3000/static/js/bundle.js:20698:22)
    at mountIndeterminateComponent (http://localhost:3000/static/js/bundle.js:23984:17)
    at beginWork (http://localhost:3000/static/js/bundle.js:25280:20)
    at beginWork$1 (http://localhost:3000/static/js/bundle.js:30243:18)
    at performUnitOfWork (http://localhost:3000/static/js/bundle.js:29512:16)
    at workLoopSync (http://localhost:3000/static/js/bundle.js:29435:9)
    at renderRootSync (http://localhost:3000/static/js/bundle.js:29408:11)
    at recoverFromConcurrentError (http://localhost:3000/static/js/bundle.js:28900:24)
    at performConcurrentWorkOnRoot (http://localhost:3000/static/js/bundle.js:28812:26)