Photos are not Showing on HeroSlider , api is correct i'm getting them in console but they aren't showing on app.

Console Details 👇

HeroSlider.js Code 👇

`const HeroSlide = () => {
SwiperCore.use([Autoplay]);

const [movieItems, setMovieItems] = useState([]);

useEffect(() => {
const getMovies = async () => {
const params = { page: 1 };
try {
const response = await tmdbApi.getMoviesList(movieType.popular, {
params,
});
setMovieItems(response.results?.slice(1, 4));
console.log(response);
} catch (error) {
console.log(error.message);
}
};
getMovies();
}, []);

return (

const HeroSlideItem = (props) => {
let hisrory = useHistory();

const item = props.item;

const background = apiConfig.originalImage(
item?.backdrop_path ? item?.backdrop_path : item.poster_path
);

return (
<div
className={hero-slide__item ${props.className}}
style={{ backgroundImage: url(${background}) }}
>

{item.title}

{item.overview}

<Button onClick={() => hisrory.push("/movie/" + item.id)}>
Watch now

Watch trailer

export default HeroSlide;
`

Hello Tran Anh Tuat, hope you are doing well, first of all nice work, its possible to have this build to iOS, Android, Apple TV, and Android TV like a native app?
I have a project called DJTV its a WebTV and I'm looking a way to build this for all devices.
Can you give me a hand?

Best regards

• do we have a live version to this project ?

Hey there, while working on the Hero slider, console log for the useEffect logs error and the code is the same. Is there a fix for this?

The Swiper Is Causing the images not to be shown