How to populate rows of a DataGrid with a API call in @mui/x-data-grid?

As columns have fixed values, but as rows it is necessary to call an external API to populate. Here's the code snippet:

const [agendaLista, setAgendaLista] = useState<IAgendaModel[]>([]);

const rows = [
    agendaLista.map((agenda) => ({
      cnome_usuario: agenda.cnome_usuario,
      ddata: agenda.ddata,
      csemana: agenda.csemana,
      chora: agenda.chora,
      cnome_empresa: agenda.cnome_empresa,
      cobs: agenda.cobs,
      cstatus: agenda.cstatus
    }))
  ];

Return a error 415 HTTP (media type unsupported)