Image on Material UI CardMedia

Question

I´m having some troubles on getting an image from props on a CardMedia image:

Answer 1

In my case it worked after changing the value of height other than 0 in the style

Not Worked:

const styles = {
  card: {
    maxWidth: 345,
  },
  media: {
    height: 0,
    paddingTop: '56.25%', // 16:9
  },
};

Worked:

const styles = {
  card: {
    maxWidth: 345,
  },
  media: {
    height: "300px" or "10em",
    paddingTop: '56.25%', // 16:9
  },
};