title: How do I remove the component border shown onClick in react?
body: <p>Whenever I click on any of the components I get a black border, although when I click away the border disappears. How do I prevent the web app from doing so? 
  Below there is a picture of what I get in my app.</p>
  
  <p>Also, this is a link to a sandbox where I have the same issue: 
  <a href="https://codesandbox.io/s/es6-spread-operator-practice-drbyh?file=/src/components/App.jsx" rel="noreferrer">https://codesandbox.io/s/es6-spread-operator-practice-drbyh?file=/src/components/App.jsx</a></p>
  
  <p><a href="https://i.stack.imgur.com/AjgrK.png" rel="noreferrer"><img src="https://i.stack.imgur.com/AjgrK.png" alt="enter image description here"></a></p>