title: React tile component only opens link after middle mouse click
body: <p>I am trying to make individual tiles to display my portfolio projects. But the strange thing is i can only click on the link with middle mouse click, not left-click. Any thoughts?</p>
  
  <pre><code>import React, { Component } from 'react';
  export default class Porfolio extends Component {
    render() {
      let resumeData = this.props.resumeData;
      return (
        &lt;section id="portfolio"&gt;
        &lt;div className="row"&gt;
          &lt;div className="twelve columns collapsed"&gt;
            &lt;h1&gt;Check Out Some of My Works.&lt;/h1&gt;
            &lt;div id="portfolio-wrapper" className="bgrid-quarters s-bgrid-thirds cf"&gt;
            {
              resumeData.portfolio &amp;&amp; resumeData.portfolio.map((item)=&gt;{
                return(
                  &lt;div className="columns portfolio-item"&gt;
                    &lt;div className="item-wrap"&gt;
                      &lt;a href={item.url}&gt;
                        &lt;img src={`${item.imgurl}`} className="item-img"/&gt;
                        &lt;div className="overlay"&gt;
                          &lt;a href={item.url}&gt;
                          &lt;div className="portfolio-item-meta"&gt;
                            &lt;h5&gt;{item.name}&lt;/h5&gt;
                            &lt;p&gt;{item.description}&lt;/p&gt;
                          &lt;/div&gt;
                          &lt;/a&gt;
                        &lt;/div&gt;
                      &lt;/a&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                )
              })
            }
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;
          );
    }
  }
  </code></pre>