Отображение изображения на основе URL в <CardMedia>

Question

Итак, я пытаюсь отобразить изображение с URL-адресом http в пользовательской пользовательской карте, и карта отображается правильно, за исключением того, что я делаю, не будет загруженного изображения. Вот компонент.

  <Card className={styles.root}>
  <CardActionArea>
    <CardMedia image="http://localhost:1337/uploads/47943771232e44028a9d3d5fd18b967e.PNG"/>
    <CardContent>
      <Typography gutterBottom variant="h5" component="h2">
        Lizard
      </Typography>
      <Typography variant="body2" color="textSecondary" component="p">
        Lizards are a widespread group of squamate reptiles, with over 6,000 species, ranging
        across all continents except Antarctica
      </Typography>
    </CardContent>
  </CardActionArea>
  <CardActions>
    <Button size="small" color="primary">
      Share
    </Button>
    <Button size="small" color="primary">
      Learn More
    </Button>
  </CardActions>
</Card>

Разве CardMedia api не поддерживает изображения на основе URL? Спасибо