Fetch space

import { useFetchSpace } from "@sublay/react-js";
import { useEffect, useState } from "react";

function SpacePage({ spaceId }: { spaceId: string }) {
  const fetchSpace = useFetchSpace();
  const [space, setSpace] = useState(null);

  useEffect(() => {
    fetchSpace({ spaceId }).then(setSpace);
  }, [spaceId]);

  return space ? <h1>{space.name}</h1> : <p>Loading...</p>;
}