Why is my state only updated on the second state change instead of first state change with useEffect in React?

Question

I made a search bar that allows the user to search all sports available in one specific city (if sport is not defined) or a specific sport in a specific city (if sport is define