can anyone please tell me why my listofRestaurants is undefined? haven’t data been fetched?

import Restro from "./RestroCard";
import { useState, useEffect } from "react";

const Body = () => {
  const [listOfRestaurants, setListOfRestaurants] = useState([]);

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

  const Fetchy = async () => {
    const response = await fetch(
      "https://allsetnow.com/api/address/v5/?sort_point=29.38385,+-94.9027&limit=100&offset=0"
    );
    const json = await response.json();

    setListOfRestaurants(json?.data?.data);
  };  

  return(
    <>
      {listOfRestaurants.map((restaurant) => (
        <Restro key={restaurant.id} Resdata={restaurant} />
      ))}
    </>
  )
};

export default Body;