{questionsData[questionIndex]?.statement}

{userAnswer[0]?.length <= 1 && ....}
{userAnswer[0]?.map((answer, id) => ( ...

• Komponente für states => Gesamtkontext
• Komponente für daten (ggf. fetch?)
• Karusellkomponente an sich und ggf. Unterkomponenten (nach Funktion unterteilt?)
• Ggf. Komponenten entfernen/ umbauen

Wir haben derzeit die Fehlermeldung:

react-dom.development.js:86 Warning: validateDOMNesting(...): cannot appear as a descendant of .

Wir nutzen allerdings nirgends , ABER:

In HTML ist es anscheinend nicht erlaubt, ein -Element (was das -Element von react-router-dom intern verwendet) als direktes Kind eines anderen -Elements zu haben. Dies gilt auch für die Verwendung von oder innerhalb von -Elementen, da diese intern -Tags verwenden.

Anscheinend sollte man onClick nutzen, um um die Navigation zu einem anderen Pfad auszulösen, wenn der Button geklickt wird und zusätzlich mit dem useNavigate hook von react router dom arbeiten.

Es müssen also:

• Alle Buttons überprüft und ggf. überarbeitet werden
• der useNavigate Hook eingefügt werden