setTimeout when use onBlur and onClick to make close button
...
<input
onFocus={activateSearch}
onBlur={() => setTimeout(deactivateSearch, 100)}
ref={inputRef}
onChange={handleUserInput}
className="user-input"
type="text"
placeholder="Search Artist or Collections"
value={userInput}
/>
...
<button
onClick={!isSearch ? toggleSearch : null}
className="close"
>
...