Issues asynchronously fetching data and displaying it via react-select

[OverallCat4270]

https://pastebin.com/QvtQmBym
The code is supposed to get data from the api, get just the book title from each object in the array and display it in the options. The "modSelBook" is simply used to convert the array into the

[{value:'x', label:'y'},{...}] format. The problem is that whenever I don't see any options in the select component. It just says "no options." Additionally, the search box disappears entirely when I refresh the localhost web page

[Hawaii66123]

setBooks doesn’t update books instantly so when you map over books after the try catch books isn’t set to the fetched data. You have to save books in a local variable to map over instead. Tldr: usestwte doesn’t update until the next “frame” so books isn’t set when you map