title: React - Each child in a list should have a unique “key” prop
body: <p>I am working on a React Web Application Where I fetch and display student data from an API and I keep getting the error,</p>
  <p>Warning: Each child in a list should have a unique &quot;key&quot; prop. Check the render method of <code>Accordion</code></p>
  <p>Accordion.js being one of my components of my Web Application</p>
  <p>Any Help to fix this issue would be appreciated :)</p>
  <p>I have tried passing a key prop with an id to the Accordion component from a parent component, but that did not seem to work. Could it be that I need to pass a key in my test score paragraph?</p>
  <p><a href="https://i.stack.imgur.com/62QVn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/62QVn.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/Cmyl1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Cmyl1.png" alt="enter image description here" /></a></p>