Entonces, en mi servidor tengo una lista de lugares que me gustaría elegir en el menú desplegable. Entonces, antes que nada, estoy dividiendo los lugares porque están almacenados como una sola cadena:

 const where = settings?.places.split(',')

Este es mi primer intento de mostrarlo como opciones desplegables, el problema es que muestra una opción con todos los lugares:

 <select> <option value={where}> {where}</option> </select>

La otra opción muestra cada opción en un cuadro diferente:

 {where?.map((site, index) => { return( <select key={index}> <option value={site}>{site}</option> </select> ) })}

Imagen de referencia.

Cualquier ayuda es apreciada