неизменяемая голосовка: ресурсы не могут использоваться в качестве аргумента собственного метода

Question

Я здесь новичок и застрял из-за этой ошибки. пожалуйста, помогите мне решить эту ошибку.

import React from "react";
import { View, Image, StyleSheet, Text, TouchableOpacity } from "react-native";
function ListItem({ image, title, subtitle }) {
  return (
    <TouchableOpacity>
      <View style={styles.container}>
        {image && <Image style={styles.img} source={image} />}
        <View>
          <Text>{title}</Text>
          <Text>{subtitle}</Text>
        </View>
      </View>
    </TouchableOpacity>
  );
}
const styles = StyleSheet.create({
  container: {
    flexDirection: "row"
  },
  img: {
    width: 70,
    height: 70,
    borderRadius: 35
  }
});
export default ListItem;

и вызовите его в другом компоненте с передачей аргументов

import * as React from "react";
import Icon from "./Components/Icon";
export default function App() {
  return (
    <SafeAreaView style={styles.screen}>
      <ListItem
        title="My title"
        subtitle="subtitle"
        imgComponent={<Icon name="email" />}
      />
    </SafeAreaView>
  );
}

, и я столкнулся с этой ошибкой