Type Error 문의

안녕하세요! 강의들으면서 제가 생각하고 있는 웹으로 따라 만들고 있습니다.

const areaContinents = [
    {key:1, value:"서울" },
    {key:2, value:"경기" },
    {key:3, value:"경북" },
    {key:4, value:"경남" },
    {key:5, value:"전북" },
    {key:6, value:"전남" },
    {key:7, value:"충남" },
    {key:8, value:"충북" },
    {key:9, value:"강원" },
    {key:10, value:"기타" },
]

const [AreaContinent, setAreaContinent] = useState(1)

    const areaContinentChangeHandler = (event) => {
        setAreaContinent(event.currentTarget.value)
    }

                <Select onChange={areaContinentChangeHandler} value={AreaContinent}>
                    {areaContinents.map(item => (
                        <option key={item.key} value={item.key}>{item.value}</option>
                    ))}
                </Select>

이렇게 코드를 작성하였을때,

와 같은 에러를 접했는데 혹시 어디가 잘못되었을까요?