화면 무한 렌더링 오류 문의 드립니다

[parkgoon]

아래 repo 의 테스트 코드를 수행하면 첨부한 스냅과 같이 선수 데이터를 무한으로 읽어오는 오류가 있는데요. 조언 부탁드립니다.

https://github.com/parkgoon/fantasy-fe-test.git

[toddlee1]

import { Table } from "antd";
import "./App.less";
import React, { useState, useEffect } from "react";

const columns = [
  {
    title: "Name",
    dataIndex: "playerName",
    sorter: (a, b) => a.playerName.localeCompare(b.playerName),
  },
];

function App() {
  const [data, setData] = useState();

  const onChange = (pagination, filters, sorter, extra) => {
    console.log("params->", pagination, filters, sorter, extra);
    console.log("onclick data ->", data);
  };

  const fetchPlayer = () => {
    fetch("http://localhost:8080/api/player/all")
      .then(function (result) {
        return result.json();
      })
      .then(function (json) {
        setData(json);
        console.log("json->", json);
        // data=json.data;
      });
  };

  useEffect(() => {
    fetchPlayer();
  }, []);

  return (
    <div className="App">
      <Table columns={columns} dataSource={data} onChange={onChange} />
    </div>
  );
}
export default App;