Estoy tratando de crear un control deslizante de imagen para los proyectos en mi cartera. Creé un archivo semilla con las rutas locales a las imágenes y alts para cada imagen. Mientras trato de mapear las fotos en la página de proyectos, puedo ver todos los valores alternativos y la primera imagen, pero las imágenes posteriores no se leen.

Archivo semilla:

 import Crescendo from "../assets/images/crescendo 2 (1).png";
import Donate from "../assets/images/donate homepage.png";
import Password from "../assets/images/password 2.png";
import SuperWiki from "../assets/images/super hero 2.jpg";
import Calculator from '../assets/images/react-calculator.png';

export const SliderData = [
 {
 image: Crescendo,
 alt: "Crescendo, Full-stack project"
 },
 {
 image: Donate,
 alt: "Donate, a MERN stack project for displaying charities worth donating to"
 },
 {
 image: Password,
 alt: "A frontend designed and functional password generator"
 },
 {
 image: SuperWiki,
 alt: "Super Hero Wiki, designed with Marvel API to provide results for user's searches"
 },
 {
 image: Calculator,
 alt: "A calculator built using React and Javascript"
 }
];

archivo de componentes:

 import React from 'react'
import {SliderData} from './SliderData';

function Projects() {
 return (
 <>
 {SliderData.map((slide, index) =>{
 return(
 <img src={slide.image} alt={slide.alt}></img>
 )
 })}
 </>
 )
}

export default Projects

¡Gracias por su ayuda de antemano!