Wann man JSX.Element, ReactNode und ReactElement in TypeScript mit React verwendet

Hallo! Ich habe angefangen, TypeScript zusammen mit React zu lernen, und bin ständig verwirrt über die Typen zur Beschreibung dessen, was von einer Komponente zurückgegeben oder als children übergeben werden kann. Im Internet stoße ich oft auf drei Typen: `JSX.Element`, `ReactNode` und `ReactElement`. Aber wann man welchen verwendet – das ist für mich ein Rätsel. Zum Beispiel schreibe ich eine Wrapper-Komponente: ```typescript interface WrapperProps { children: ??? // Was soll hier hin? } ``` Oder wenn ich explizit den Rückgabetyp einer Funktionskomponente angeben möchte: ```typescript const MyComponent = (): ??? => { return ; }; ``` Ich habe versucht, `ReactNode` zu verwenden, aber dann beschwert sich TypeScript, wenn ich versuche, so etwas wie ein Array von Komponenten zu übergeben. Dann habe ich `JSX.Element` ausprobiert – es scheint zu funktionieren, aber ich bin nicht sicher, ob das richtig ist. Und w