¿Cómo puedo pasar un objeto en el valor de la etiqueta de opción en Formik?

Estoy tratando de enviar un objeto de datos desde una etiqueta de opción de selección en Formik.

Obtengo acceso a un objeto de jugador a través de accesorios que se ven así:

 { id:'123' name:'Life' }

Mi etiqueta de opción se ve así:

 export const GameOption = ({ game }) => { return ( <option value={(game.id, game.name)}> {game.name} </option> ) }

Y mi esquema de Formik se ve así:

 import * as Yup from 'yup' // Formik initial values const RecordGameValues = { gamePlayed: [], } // Yup validation const RecordGameSchema = Yup.object().shape({ gamePlayed: Yup.array().min(1), }) export { RecordGameValues, RecordGameSchema }

Quiero pasar tanto el game.id como el game.name del accesorio del juego a través del formulario Formik. Sin embargo, cuando proporciono ambos (game.id, game.name) , obtengo un error de Warning: The `value` prop supplied to <select> must be a scalar value if `multiple` is false.