How do I build search in a React YouTube clone?

So a request only fires after the user stops typing, avoiding rate limits and unnecessary work. Firing on every keystroke hammers your API or rate limiter and makes the UI feel janky.

Both query and selected filter are state. The fetch depends on both, so include both in the useEffect dependency array so it re-runs when either changes. Combine them in the request to the API.

Only if the API needs to know the filter. For simple client-side filters on already-loaded data, derive the filtered list during render from the full list and the selected filter, instead of refetching.