Esto es lo que estoy tratando de hacer: llamo a una consulta distinta de mongoDB usando axios.get para encontrar varias provincias en las que se encuentran las personas, luego las pongo como opciones para un menú de selección, para permitir que un usuario busque a una persona según la provincia .

Pero cuando trato de usar esto, el sitio web falla y me da el error "Error: los objetos no son válidos como un elemento secundario de React (encontrado: [promesa de objeto]). Si tenía la intención de representar una colección de elementos secundarios, use una matriz en su lugar ."

Otro error que da es que "type.map" no es una función. ¿Posiblemente relacionado con el error anterior?

¿Cómo puedo solucionar esto?

 import * as React from "react"; import axios from "axios"; export default async function Locations() { let options = null; async function axiosTest() { // This is a server link i created that runs a query that returns distinct provinces from the database axios.get("/api/v2/people/provinces").then(data => console.log(data)); return await axios.get("/api/v2/people/provinces"); // The console.log() above displays all the objects that are in the query given by the server link in an array // eg ['British Columbia', 'Alberta', 'Saskatchewan', etc.] } var type = await axiosTest(); if (type) { options = type.map((el) => <option key={el}>{el}</option>); } return ( <div style={{ padding: "16px", margin: "16px", }} > <form> <div> <select> { options } </select> </div> </form> </div> ); };