Failed prop type: Invalid prop `source` supplied to `Image`

Question

i try to fetch URI image from a api but it throws me the following error:

I've been looking for this information, but I can't find a case like mine

it does not show the image, but if it passes the data

this is my api:

{
    "Home": [
        { "id": "1",
            "LinkHome":"https://telesistema11.com.do/tn-deportes/futbol/la-quinta-jornada-de-la-ldf-iniciara-este-proximo-jueves",
            "URLHome":"{uri: 'https://telesistema11.com.do/storage/app/uploads/public/609/b45/eab/thumb_46456_932_582_0_0_crop.jpeg'}"
        }
    ],
    
    "TSTA": [
        { "id": "1",     
            "LinkTSTA":"",
            "URLTSTA":""
        }
    ],
            

    "Radio": [
        { "id": "1", 
            "LinkRadio":"",
            "URLRadio":""
        }
    ]
    
}

and this is my code:

    function Getdatajson(){
  const [isLoading, setLoading] = useState(true);
  const [data, setData] = useState([]);

  useEffect(() => {
    fetch('http://72.44.48.164/wp-content/themes/tn/json/PublicidadTeleStream.json')
      .then((response) => response.json())
      .then((json) => setData(json.Home))
      .catch((error) => console.error(error))
      .finally(() => setLoading(false));
  }, []);

  return (
    <View style ={styles.bannerHome}>
      {isLoading ? <ActivityIndicator/> : (
        <FlatList
          data={data}
          keyExtractor={({ id }, index) => id}
          renderItem={({ item }) => (
            <TouchableOpacity style={{backgroundColor:'red'}} onPress={()=>
              Linking.openURL("item.LinkHome")
            }>
              <Image
                style={styles.imgad}
                source={item.URLHome}
              />
            </TouchableOpacity>
          )}
        />
      )}
    </View>
  )
}

I'm new to react native, so I don't know what the problem is please i need help.

Answer 1

I fixed it with temp like const temp = item.URLHome source={item.URLHome}