react-activestorage-provider | React component that allows easy file upload | File Upload library

I'm using Semantic-UI-React in my React/Rails project and trying to use a Form.Select drop down menu within a larger form within a modal. I need to get the .id (animal.id) value from the selection showing the user .name (animal.gnames) -- gnmaes is just an attribute I'm using for my own purposes to avoid confusion.

I'n the options= prop of Form.Select, I map over an array of items and then assign item.gname to title to get a nice dropdown list of names for the user. I then need to get the id which is in this big array and send that to a fetch request. I've tried every combination of props but can't get the id out of the array and at the same time display names.

Here is the code. I chopped of the last half since it's not relevant to the problem: