diff --git a/src/exercise/01.tsx b/src/exercise/01.tsx index c0459ea2..4b707098 100644 --- a/src/exercise/01.tsx +++ b/src/exercise/01.tsx @@ -24,7 +24,7 @@ function useDebounce) => unknown>( // use the latest version of the callback here: // 💰 you'll need to pass an annonymous function to debounce. Do *not* - // simply change this to `debounc(latestCallbackRef.current, delay)` + // simply change this to `debounce(latestCallbackRef.current, delay)` // as that won't work. Can you think of why? return React.useMemo(() => debounce(callback, delay), [callback, delay]) } diff --git a/src/exercise/02.tsx b/src/exercise/02.tsx index 30653e70..8f3c009e 100644 --- a/src/exercise/02.tsx +++ b/src/exercise/02.tsx @@ -150,7 +150,7 @@ function Details({selectedPokemon}: {selectedPokemon: PokemonData | null}) { function Footer({user}: {user: User}) { return ( ) } diff --git a/src/exercise/03.md b/src/exercise/03.md index 736f4056..cf0afeee 100644 --- a/src/exercise/03.md +++ b/src/exercise/03.md @@ -7,7 +7,7 @@ Elaborate on your learnings here in `src/exercise/03.md` ## Background **One liner:** The Compound Components Pattern enables you to provide a set of -components that implicitely share state for a simple yet powerful declarative +components that implicitly share state for a simple yet powerful declarative API for reusable components. Compound components are components that work together to form a complete UI. The