title: React isn't reading local images
body: <p>I am trying to create an image slider for the projects in my portfolio. I created a seed file with the local paths to the images and alts for each image. As I am trying to map the photos across the projects page, I am able to see all of the alt values, and the first image, but the images succeeding that are not being read.</p>
  <p>Seed File:</p>
  <pre><code>import Crescendo from &quot;../assets/images/crescendo 2 (1).png&quot;;
  import Donate from &quot;../assets/images/donate homepage.png&quot;;
  import Password from &quot;../assets/images/password 2.png&quot;;
  import SuperWiki from &quot;../assets/images/super hero 2.jpg&quot;;
  import Calculator from '../assets/images/react-calculator.png';
  
  export const SliderData = [
      {
          image: Crescendo,
          alt: &quot;Crescendo, Full-stack project&quot;
      },
      {
          image: Donate,
          alt: &quot;Donate, a MERN stack project for displaying charities worth donating to&quot;
      },
      {
          image: Password,
          alt: &quot;A frontend designed and functional password generator&quot;
      },
      {
          image: SuperWiki,
          alt: &quot;Super Hero Wiki, designed with Marvel API to provide results for user's searches&quot;
      },
      {
          image: Calculator,
          alt: &quot;A calculator built using React and Javascript&quot;
      }
  ];
  </code></pre>
  <p>Component file:</p>
  <pre><code>import React from 'react'
  import {SliderData} from './SliderData';
  
  function Projects() {
    return (
     &lt;&gt;
      {SliderData.map((slide, index) =&gt;{
        return(
          &lt;img src={slide.image} alt={slide.alt}&gt;&lt;/img&gt;
        )
      })}
     &lt;/&gt;
    )
  }
  
  export default Projects
  </code></pre>
  <p>Thanks for your help in advance!</p>