Countries traverse and filter with REACT and CSS flex-box

Handling 404 responses for getting specific countries with their names. Tried using useEffect and displaying an empty array if a country was not found. Continuing typing after a country was not found made multiple 404 responses which made the website lag a lot. Finally ended up just filtering through the local array of all the countries that I get in the start since the array size is fixed this is not much of an issue, I suppose.