React e flexmonster

Front-end
#1

Tem uma pesquisa que está sendo feita no backend e retornando os dados corretamente.

const [sumarioList, setSumarioList] = useState([]);

gusaPrincipal = (item: PesquisaGusa) => {
      setLoading(true);
      Promise.all([
        gusaPesquisa(item).then(resp => resp && setSumarioList(resp)),
      ]).then(() => {
        setLoading(false);
      });
    }

sumarioList;

const reportGusaPrincipal = {
      dataSource: {
        data: sumarioList,
      },
      slice: {
        rows: [
          {uniqueName: "data" },
          {uniqueName: "corrida" },
          {uniqueName: "aco_Ling" },
          {uniqueName: "origem" },
          {uniqueName: "aco" },
          {uniqueName: "s" },
          {uniqueName: "c" },
          {uniqueName: "mn" },
          {uniqueName: "p" },
          {uniqueName: "si" },
          {uniqueName: "ti" },
          {uniqueName: "cr" },
          {uniqueName: "ni" },
          {uniqueName: "cu" },
          {uniqueName: "turma" },
          {uniqueName: "turno" }
        ]
      },
      options: {
        grid: {
          type: 'flat',
          showFilter: true,
          showHeaders: false,
          showGrandTotals: 'off',
        },
      },
    };

para aparecer na grade do flexmonster este parametro dataSource: {data: sumarioList}, tem que estar preenchido. A variável sumarioList está vindo com os dados correto, mas não está mostrando na grade.

O que pode ser ?