React hooks doing an infinite fetching when getting data from child but has no problem if the parent is a class component

Question

I have a reusable SearchHeader component that has a controlled input and passes the data from the input to his parents

SearchHeader.js