title: URL from array not passing through props?
body: <p>So i have a React application I'm working on and i want to link the github repo to each mapped out card via props. props is fine for all other array values. but for some reason my URL to an external link isn't working. It doesn't even console a value. the IMG URL works and display absolutely fine.</p>
  <p>here's a sample from array:</p>
  <pre><code>[
     {
          name: &quot;Giphy Searcher&quot;,
          subTitle: &quot;Front-End React Project&quot;,
          imgURL: &quot;https://i.ibb.co/MkgZ5rj/Screen-Shot-2022-08-10-at-7-52-01-AM.png&quot;,
          info: &quot;Search application resulting from Giphy API&quot;,
          info2: &quot;secondary info paragraph form&quot;,
          githubLink: &quot;http://www.github.com&quot;,
          liveSite: &quot;http://www.deployment.com&quot;
      }
  ]
  </code></pre>
  <p>and here is a tag inside the card:</p>
  <pre><code>function Cards(props) {
      return (
          &lt;div className=&quot;cardHolder&quot;&gt;
              &lt;a target='_blank' href={props.githubLink}&gt;
              &lt;Card className=&quot;card&quot;&gt;
                  &lt;Card.Img src={props.imgURL} /&gt;
                  &lt;Card.Body&gt;
                      &lt;Card.Title className=&quot;cardText&quot;&gt;{props.name}&lt;/Card.Title&gt;
                      &lt;Card.Text className=&quot;cardText&quot;&gt;{props.subTitle}&lt;/Card.Text&gt;
                      &lt;Card.Text className=&quot;cardText&quot;&gt;{props.info}&lt;/Card.Text&gt;
                      &lt;Card.Text id=&quot;gameInfo&quot;&gt; {props.infoTwo} &lt;/Card.Text&gt;
                  &lt;/Card.Body&gt;
              &lt;/Card&gt;
              &lt;/a&gt;
          &lt;/div&gt;
      )
  }
  </code></pre>