Тихая ошибка в списке аниме React JS ⇐ Javascript

[Anonymous]

Может ли кто-нибудь помочь мне исправить ошибку в моем коде React JS? Когда я добавляю название аниме в столбец ввода и нажимаю кнопку «Добавить аниме», в списке аниме вообще ничего не меняется. Я не могу найти ошибок в консоли браузера или терминале VSCode. Вот подробности моего кода:
import React, {useState} from 'react';

function AnimeList(){

const [anime, setAnime] = useState(["Attack on Titan", "Kimi No Wa", "Sakamoto Days"])

function handleAddAnime(){
const animeAdd = document.getElementById("animeInput").value;
document.getElementById("animeInput").value = "";

setAnime([...anime, animeAdd]);

}

return(

Anime list

• {anime.map((anime, index) =>
• {anime})}

Add Anime

)
}

export default AnimeList


Подробнее здесь: https://stackoverflow.com/questions/798 ... anime-list