Projet qui affiche la covid

indexCovid.jsx

import React, { useEffect, useState } from "react";
import TableCovid from "./TableCovid";

function Covid() {
  const [liste, setListe] = useState([]);

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

  async function getData() {
    const resp = await fetch(
      "https://disease.sh/v3/covid-19/countries?sort=cases"
    );
    const data = await resp.json();
    setListe(data);
  }

  return (
    <>
      <h1>Covid</h1>
      <TableCovid liste={liste} />
    </>
  );
}

export default Covid;

TableCovid.jsx

import React from "react";
import { Table } from "react-bootstrap";

function TableCovid({ liste }) {
  return (
    <Table>
      <thead>
        <tr>
          <th>Pays</th>
          <th>Cas total</th>
          <th>Morts</th>
        </tr>
      </thead>
      <tbody>
        {liste.map((item) => (
          <tr key={item.country}>
            <td>{item.country}</td>
            <td>{item.cases}</td>
            <td>{item.deaths}</td>
          </tr>
        ))}
      </tbody>
    </Table>
  );
}

export default TableCovid;