Estoy intentando agregar el componente Skeleton de Material UI a mi proyecto de películas. Debería aparecer el Skeleton de cada card antes de mostrarse la misma, pero no está funcionando. Ustedes pueden ver si hay algo mal? No me aparece ningún error por consola.
import { Grid } from "@material-ui/core";
import { Skeleton } from "@material-ui/lab";
import React from "react";
import MovieCard from "./MovieCard";
const MovieList = ({ movies }) => {
return (
<Grid container spacing={3}>
{movies &&
movies.map((movie, i) => {
return movie ? (
<Grid key={i} item xs={6} sm={4} lg={3}>
<MovieCard movie={movie}></MovieCard>
</Grid>
) : (
<Skeleton variant="rect" width={250} height={450} />
);
})}
</Grid>
);
};
export default MovieList;
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>