'NodeJS Axios - Cant show my get request on screen

On this case I am trying to show the "_id". I made the code based on this video.

But by just looking at his API I can see that his data is little different, how can I adapt it to work with my API

import "./App.css";
import axios from "axios";
import { useEffect, useState } from "react";

const App = () => {
  const [leitura, setLeitura] = useState([]);

  const getLeituraData = async () => {
    try {
      const data = await axios.get(
        "https://estufaarduino.herokuapp.com/sistema/leituras"
      );
      console.log(data.data);
      setLeitura(data.data);
    } catch (e) {
      console.log(e);
    }
  };

  useEffect(() => {
    getLeituraData();
  }, []);
  return (
    <div className="App">
      {leitura.map((item) => {
        return <p>{item._id}</p>;
      })}
    </div>
  );
};

export default App;


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source