Searchable User List
Turn a static team directory into a responsive search experience.
Requirements
- Create a controlled search input using
useState.
- Filter by both name and role, ignoring letter case.
- Keep the source
users array unchanged and derive the visible list during render.
- Display the number of matching people.
- Render a helpful empty state when there are no matches.
- Use each user's stable
id as the React key.
Stretch goal
Highlight the matching part of each name or role without changing the underlying data.