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.
image.png
image.png
Was this page helpful?