React useState and useEffect do not render the results I need

I'm new to react and need some help. I'm making a forge application I have two functions getAllBoards() and getAllSprints(). I have two dropdowns Based on the onChange value of dropdown 1 (Boards dropdown), I need to change the dropdown 2 (sprints dropdown) to show the name of the sprints of the board selected in boards dropdown. However, my code doesn't render any options: When I try const [boardnames] = (async () => getAllBoards()) - I am able to get the boards But after that I cannot render my sprints dropdown.