testing question: TypeError: undefined is not a function

    ColorCarouselImages
      ✕ renders all images into the document & all have correct src attribute (350 ms)

  ● Client: ColorCarousel › ColorCarouselImages › renders all images into the document & all have correct src attribute

    TypeError: undefined is not a function
        at Array.map (<anonymous>)

      18 |       const gender = "kids"
      19 |       const images = ['blue.jpg', 'green.jpg', 'purple.jpg', 'red.jpg', 'yellow.jpg', 'pink.jpg', 'black.jpg', 'white.jpg']
> 20 |       render(<ColorCarouselImages gender={gender} images={images} />)
         |             ^
      21 |
      22 |       const onScreenImages = await screen.findAllByRole('img')

    ColorCarouselImages
      ✕ renders all images into the document & all have correct src attribute (350 ms)

  ● Client: ColorCarousel › ColorCarouselImages › renders all images into the document & all have correct src attribute

    TypeError: undefined is not a function
        at Array.map (<anonymous>)

      18 |       const gender = "kids"
      19 |       const images = ['blue.jpg', 'green.jpg', 'purple.jpg', 'red.jpg', 'yellow.jpg', 'pink.jpg', 'black.jpg', 'white.jpg']
> 20 |       render(<ColorCarouselImages gender={gender} images={images} />)
         |             ^
      21 |
      22 |       const onScreenImages = await screen.findAllByRole('img')