React JS - why does a button to be clicked twice?

Question

I have a search function in my ReactJS app that works fine. I\'ve added a "clear search" function which clears the text previously entered in the search text and then