newline-sandbox / petfinder-nextjs Goto Github PK

./components/TypeCard.tsx:21:35
Type error: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ Dog: { image: { url: string; }; photographer: { name: string; url: string; }; }; Cat: { image: { url: string; styles: { backgroundPosition: string; }; }; photographer: { name: string; url: string; }; }; Rabbit: { ...; }; ... 4 more ...; Barnyard: { ...; }; }'.
  No index signature with a parameter of type 'string' was found on type '{ Dog: { image: { url: string; }; photographer: { name: string; url: string; }; }; Cat: { image: { url: string; styles: { backgroundPosition: string; }; }; photographer: { name: string; url: string; }; }; Rabbit: { ...; }; ... 4 more ...; Barnyard: { ...; }; }'.

  19 |         className="w-40 h-40 flex-shrink-0 mx-auto rounded-full bg-cover bg-no-repeat"
  20 |         style={{
> 21 |           backgroundImage: `url(${ANIMAL_TYPES[type.name].image.url})`,
     |                                   ^
  22 |           backgroundPosition: "center",
  23 |           ...ANIMAL_TYPES[type.name].image.styles,
  24 |         }}