प्रतिक्रिया/टाइपप्रति संपत्ति 'आईडी' प्रकार 'नेवर' पर मौजूद नहीं है। ts(2339)

मेरे पास यह प्रतिक्रिया/टाइपप्रति पृष्ठ है:

प्लेयर्सपेज.tsx

import React, { useState, useEffect } from 'react';
import { Page } from './Page';
import { PageTitle } from './PageTitle';
import { Button, Card } from 'react-bootstrap';

function PlayersPage() {
  const [isLoading, setIsLoading] = useState(false);
  const [playersData, setPlayersData] = useState([]);

  //Fetch all players from database
  useEffect(() => {
    //setIsLoading(true);
    fetch('http://localhost:44326/api/Players')
      .then((response) => {
        if (response.ok) {
          return response.json();
        }
      })
      .then((data) => setPlayersData(data));
    //.then(setIsLoading(false));
  }, []);

  return (
    <Page>
      <div style={{ padding: 20 }}>
        <PageTitle>Toons</PageTitle>
      </div>

      <div>
        {playersData.map((data) => (
          <div key={data.ID}>
            <Card>
              <Card.Title>{data.ID}</Card.Title>
              <Card.Text>{data.Handle}</Card.Text>
              <Card.Body>
                <div className="lables">
                  <Card.Text>Role</Card.Text>
                </div>
                <div className="lables">
                  <Card.Text>{data.Role}</Card.Text>
                </div>
                <Button variant="primary">Work</Button>
              </Card.Body>
            </Card>
            <br></br>
          </div>
        ))}
      </div>
    </Page>
  );
}

export default PlayersPage;

मुझे यह त्रुटि मिल रही है: Property 'ID' does not exist on type 'never'.ts(2339) प्रत्येक पंक्ति पर जिसमें data.ID या data.whatever है।

उन मूल्यों का कभी भी उपयोग क्यों नहीं किया जाएगा या हमेशा शून्य क्यों होंगे? मैं कुछ अन्य ऐप्स में लगभग समान कोड का उपयोग करता हूं इसलिए मुझे यकीन नहीं है कि इस स्थिति के बारे में क्या अलग है। अग्रिम में धन्यवाद।