Search Functionality No Longer Working After Converting From React Class To Function Component

I have converted a React class component to a function component with help from this question. Everything works apart from this button: {/* Show only if user has typed

Solution 1:

first of all you need to do this:

<buttononClick={() => filterUpdate("")}> Clear Search</button>

this will stop it being invoked immediately