DataTable do primereact - resolvido

Front-end
#1

Estou precisando preencher o componente DataTable do primereact, de informações que vem do banco de dados, mas está ficando em branco.

Nesta parte do código ele vai no backend, mas mesmo assim não está preenchendo as informações no componente.

componentDidMount() {
    ApiGrupoService.todos().then(
      data => this.setState({grupos: data.lista})
    );
  }

Código completo

import React, { Component } from 'react';

import ApiGrupoService from '../../service/ApiServiceGrupo';

import {DataTable} from 'primereact/datatable';
import {Column} from 'primereact/column';

class GrupoPesquisa extends Component {

  constructor() {
    super();
    this.state = {};
  }

  componentDidMount() {
    ApiGrupoService.todos().then(
      data => this.setState({grupos: data.lista})
    );
  }

    render() {
        return (
          <DataTable value={this.grupos}>
            <Column field="nome" header="Nome" />
          </DataTable>
        );
      }
}

export default GrupoPesquisa;

Este não dá erro no console

#2

Troca de:

 <DataTable value={this.grupos}>

para:

<DataTable value={this.state.grupos}
1 curtida