primero quiero disculparme si mi pregunta no es muy clara...

sin embargo, siento que estoy cerca de resolverlo. lo que quiero hacer es básicamente crear una aplicación de películas sin React donde puedas ver películas favoritas básicamente haciendo clic en el ícono, toma la ID de la API de movieDB y la inserta en una matriz en el almacenamiento local

 <a><i class="bi bi-bookmark" onclick="favMenu(${item.id})"></i></a> function favMenu(movie_ID) { //SETTER faveArr.push(movie_ID) console.log(movie_ID) localStorage.setItem("favemovies", JSON.stringify(faveArr)); }

sin embargo, no estoy logrando recuperar los carteles de la película en otra página.

 function getFav() { const x = JSON.parse(localStorage.getItem("favemovies")); console.log(x); axios.get(`https://api.themoviedb.org/3/movie/${x}?api_key=${API_KEY}&language=en-US`) .then((response) => { document.getElementById("try").innerHTML = response.data.map(item => ` <div class="movie-card" id="mv"> <img src="${IMG_URL+item.poster_path}" alt="movie poster" class="movie-poster"> <div class="movie-info d-flex"> <button type="button" class="btn-look btn-danger" data-bs-toggle="modal" data-bs-target="#detailCard" onclick="movieDeets(${item.id})"> Details </button> <div class="text-white p-1 float-end"> <a><i class="bi bi-bookmark" onclick="watchMenu(${item.id})"></i></a> <a><i class="bi bi-heart" onclick="favMenu(${item.id})"></i></a> </div> </div> </div> <div class="modal fade" id="detailCard" tabindex="-1" aria-labelledby="detailCard" aria-hidden="true"> <div class="modal-dialog"> </div> </div>` ).join('') }) }

sigo recibiendo este error en su lugar ...

 Uncaught (in promise) TypeError: response.data.map is not a function at main.js:173:70