Nós vamos começar criando dentro da pasta entities dentro de Product.ts
Começaremos dentro dela criar a nossa imagem
export interface Image {
filename: string;
uri: string;
url: string;
type: string;
}
Nós iremos em seguida criar a tipagem do vendedor
export interface Seller {
_id: string;
email: string;
name: string;
phone: string;
}
E agora nós iremos finalizar colocando a tipagem do produto em si, que será onde usaremos em todos os lugares
export interface Product {
_id: string;
seller: Seller;
price: string;
name: string;
description: string;
images: Image[];
category: string;
address: Address;
createdAt: string;
publishedData: string;
}
Para refatorar agora o código, iremos dentro de components>Carousel>index.tsx e aqui dentro iremos refatorar o CarouselProps, poderemos chamar apenas de props e também importar o Image correto que criamos.
export interface Props {
images: Image[];
}
const Carousel = ({ images }: Props) => {
E caso a gente encontre no caminho outro local onde usamos também a importação do Image