How to render Image

[vannamphuc]

Why it's just render a 'red' blank block not rendering a Image at this code

import { Document, Page, Text, View, StyleSheet, Image as PDFImg, Font } from '@react-pdf/renderer'

const styles = StyleSheet.create({
image: {
width: 50,
height: 50,
objectFit: 'contain',
backgroundColor: 'red',
}
})

<View style={styles.table}>
        <View style={[styles.tableRow, styles.tableHeader]}>
          <Text style={styles.tableCell}>Image</Text>
          <Text style={styles.tableCell}>STT</Text>
          <Text style={styles.tableCell}>Sản phẩm</Text>
          <Text style={styles.tableCell}>Đơn giá</Text>
          <Text style={styles.tableCell}>SL</Text>
          <Text style={styles.tableCell}>Thành tiền</Text>
        </View>
        {order.orderItems?.map((item, index) => (
          <View key={index} style={styles.tableRow}>
          <PDFImg src='link_to_any_image_in_google' style={styles.image} />
            <Text style={styles.tableCell}>{index + 1}</Text>
            <Text style={styles.tableCell}>{item.productName}</Text>
            <Text style={styles.tableCell}>{formatPriceVnd(item.price)}</Text>
            <Text style={styles.tableCell}>{item.quantity}</Text>
            <Text style={styles.tableCell}>{formatPriceVnd(item.price * item.quantity)}</Text>
          </View>
        ))}
      </View>