Code Room
Code reviewHard
Question
Review this React TypeScript component.
What a strong answer looks like
Separate real bugs from style. Rank issues by severity, point at the root cause rather than the symptom, and suggest a concrete fix — specific and kind.
Learn the concepts
function SearchBox({ onSearch }: { onSearch: (q: string) => void }) { const [query, setQuery] = useState(''); const debouncedSearch = useCallback( debounce(() => onSearch(query), 300), [] ); return ( <input value={query} onChange={(e) => { setQuery(e.target.value); debouncedSearch(); }} /> );}Run or narrate your approach, then ask the coach.