I can't use the values ​inside the render item

I can't use the values ​​inside the render item, it doesn't recognize the ItemTrending interface

interface ItemTrending {  id: number;  name: string;  description: string;  image: string;}const TrendingComponent: React.FC = () => {  const [data] = useState<ItemTrending[]>(    [      {id: 0, name: 'Nike', description: 'Nike', image: 'www.google.com'},      {id: 0, name: 'Nike', description: 'Nike', image: 'www.google.com'}    ]  );  return (<Container><FlatList        horizontal        data={data}        renderItem={({ item }) => (<Title>{item.name}</Title>        )}      /></Container>  );};

{item.name} cause:

The object is of type 'unknown'.

var item: unknown

I can't find a solution anywhere

Edit

solution for the item to be recognized, but this brings up another error in the renderItem function

renderItem={({ item }: {item: ItemTrending}) => (<Title>{item.name}</Title>)}

No overload matches this call.

Provides additional metadata like index if you need it.