diff --git a/exercises/02.composition/01.problem/index.tsx b/exercises/02.composition/01.problem/index.tsx
index 1e23b6e3..ba587510 100644
--- a/exercises/02.composition/01.problem/index.tsx
+++ b/exercises/02.composition/01.problem/index.tsx
@@ -14,13 +14,13 @@ function App() {
style={{ ['--accent-color' as any]: selectedSport?.color ?? 'black' }}
>
{/*
- 🐨 make Nav accept a ReactElement prop called "avatar"
+ 🐨 make Nav accept a ReactNode prop called "avatar"
instead of a User prop called "user"
*/}
{/*
- 🐨 make Main accept ReactElement props called "sidebar" and "content"
+ 🐨 make Main accept ReactNode props called "sidebar" and "content"
instead of the props it accepts right now.
*/}
@@ -81,7 +81,7 @@ function Main({
}
function List({
- // 🐨 make this accept an array of ReactElements called "listItems"
+ // 🐨 make this accept an array of ReactNodes called "listItems"
// and remove the existing props
sportList,
setSelectedSport,
diff --git a/exercises/02.composition/01.solution/index.tsx b/exercises/02.composition/01.solution/index.tsx
index d5b2c71c..66066c13 100644
--- a/exercises/02.composition/01.solution/index.tsx
+++ b/exercises/02.composition/01.solution/index.tsx
@@ -38,7 +38,7 @@ function App() {
)
}
-function Nav({ avatar }: { avatar: React.ReactElement }) {
+function Nav({ avatar }: { avatar: React.ReactNode }) {
return (