1. Nós vamos começar criando dentro da pasta entities dentro de Product.ts

  2. Começaremos dentro dela criar a nossa imagem

    export interface Image {
      filename: string;
      uri: string;
      url: string;
      type: string;
    }
    
  3. Nós iremos em seguida criar a tipagem do vendedor

    export interface Seller {
      _id: string;
      email: string;
      name: string;
      phone: string;
    }
    
  4. 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;
    }
    
  5. 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) => {
    
  6. E caso a gente encontre no caminho outro local onde usamos também a importação do Image