Search result button not working!

[itsrajshivhare]

The button at the end of search bar doesn't seems to working (only works on enter).

[rr-tri]

Add

onClick={() => { navigate(`/search/${query}`) }}

on the search button

 <div className="searchInput">
                        <input
                            type="text"
                            placeholder="Search for a movie or tv show...."
                            onChange={(e) => setQuery(e.target.value)}
                            onKeyUp={searchQueryHandler}
                        />
                        <button onClick={() => { navigate(`/search/${query}`) }}>Search</button>
                    </div>

[ashutoshsabale]

create function as searchButtonHandler and pass it to button for onClick event
const searchButtonHandler = () =>{
navigate(/search/${searchQuery})
}