Перезагрузите React-Table с помощью кнопки

Цель:
Нажмите кнопку перезагрузки, чтобы перезагрузить содержимое реагирующей таблицы.

Проблема:
тот же код, который я использую в Stackblitz и на локальном компьютере разработчиков, не работает.

Какую часть мне не хватает?

Информация:
* Новое в реагирующей таблице
* Использование машинописного текста

Stackblitz:
https://stackblitz.com/edit/react-ts-cbvmnt

Благодарю вас!

app.tsx

import React, { useState, useEffect } from 'react';
import { useTable, Column, useSortBy } from 'react-table';
import axios from 'axios';
const columns: Column<Data>[] = [
 {
 Header: 'login',
 accessor: 'login',
 },
 {
 Header: 'id',
 accessor: 'id',
 },
 {
 Header: 'node id',
 accessor: 'node_id',
 },
 {
 Header: 'type',
 accessor: 'type',
 },
];
interface Data {
 login: number;
 id: string;
 node_id: string;
 type: string;
}
export default function App() {
 const [data, setData] = useState([]);
 React.useMemo(
 () =>
 handleData().then((res) => {
 setTimeout(() => {
 setData(res);
 }, 1000);
 }),
 []
 );
 const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } =
 useTable<Data>({ columns, data }, useSortBy);
 async function handleData() {
 const handleDataaa = async () => {
 const resp = await axios.get('https://api.github.com/users');
 return await resp.data;
 };
 return Promise.resolve(handleDataaa());
 }
 useEffect(() => {
 handleData();
 }, []);
 const clickclick = () => {
 axios.get<Data[]>('https://api.github.com/users').then((response) => {
 setData(response.data);
 });
 };
 return (
 <div>
 <button onClick={clickclick}>Reload</button>
 <table {...getTableProps()}>
 <thead>
 {headerGroups.map((headerGroup) => (
 <tr {...headerGroup.getHeaderGroupProps()}>
 {headerGroup.headers.map((column) => (
 <th {...column.getHeaderProps(column.getSortByToggleProps())}>
  {console.log(column.getSortByToggleProps())}
  {column.render('Header')}
  <span>
  {' '}
  {column.isSorted
 ? column.isSortedDesc
 ? '