Maybe replace while loop with a slice/map

[oliverjam]

week5-Joe-Maria/week5-joe-maria/src/ShowQuiz.jsx

Line 77 in 1c5e3d2

while (numCluesShown < Number(quizLength)) {

There's nothing wrong with your while loop (especially since it works), but it might be a little simpler to reason about a more standard array .map (since that's more "idiomatic" React). If you only want to render a certain number of things from the array the simplest solution might be to slice the array before mapping:

const cluesJsx = quizData.clues.slice(0, quizLength).map(clue => {
  // ...
  return (
    <li className="clue-card" key={clue.id}>
      // ...
    </li>
  )
})

That way you don't have to mess around with indexes and stuff

I may not have fully understood what the while was doing so apologies if my suggestion is nonsense 😅