cant access an obj in multidimensional array

Question

import axios from "axios";
import { useState, useEffect } from "react";
import "./styles.css";
export default function App() {
 let [data, setdata] = useState([]);
  const update = async () => {
    try {
      await axios
        .get("https://mocki.io/v1/94d0cd81-ed46-4db6-9304-c5e119bcf334")
        .then((res) => {
          setdata(res.data);
          console.log(data);
        });
    } catch (error) {
      console.log(error);
    }
  };
  useEffect(() => {
    update();
  }, []);
  return (
    <div className="App">
      {data.map((e) => {
        return (
          <>
            <h1>{e.number[0].school}</h1>
          </>
        );
      })}
      <button onClick={update}>click me</button>
    </div>
  );
}

can someone help me so solve this problem, please? i am trying to display the number's obj, but i cant. its not the real one, but i make it as similar as the real one. any help will be appreciated.

thankyou