Как получить данные таблицы из API с помощью gatsby-ant-plugin

Я создал простую таблицу, используя таблицу ant. Я пытался получить значения из API, но получаю это исключение:

Unable to get property 'data' of undefined or null reference

мой пример кода

import React from "react"
import { Table } from 'antd';

class StudentTable extends React.Component {

  componentDidMount() {
    fetch("https://randomuser.me/api/?results=200&nat=us")
      .then(Response => Response.json())
      .then(findresponse => {
        console.info(findresponse.results);
        this.setState({
          data: findresponse.result

        });
        console.info(this.state.data);
      });
  }

  render() {
    const columns = [
      {
        title: 'Gender',
        dataIndex: 'gender',
        key: 'gender',
      }, 
      {
        title: 'Email',
        dataIndex: 'email',
        key: 'email',
      }
    ]
    const data = []
    return(
      <div>
        <h2>Student Data</h2>
        <Table 
          dataSource = {this.state.data}
          columns = {columns}/>   
        </div>
    )
  }
}

export default StudentTable