Common practice for setting state for dynamically-mapped dropdown values in React using Material-ui?

Question

On a page, I have an account that queries a firebase database for documents under the user\'s purchases, and it gets the data and passes it into a state object. All of the data