google-books-search | Google books search using react and google books | User Interface library

Apologies if this question has been asked before and solved, but I have been searching and haven't had much luck.

I have created an app where a person can search for a book and the results are returned. The problem I am having is when I enter a book title and select the search button an empty array is rendered and then an array with the proper results are returned but not rendered. When I select the search button again the proper results are rendered. I would like the correct results to be rendered on the first click.

I logged the results and it looks like the empty array is being rendered first instead of the correct results. I believe it could be due to the async nature of the API call.

Here is my code: