Fetch many rules

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

function RulesList({ spaceId }: { spaceId: string }) {
  const fetchRules = useFetchManyRules();
  const [rules, setRules] = useState([]);

  useEffect(() => {
    fetchRules({ spaceId }).then(({ data }) => setRules(data));
  }, [spaceId]);

  return (
    <ol>
      {rules.map((rule) => (
        <li key={rule.id}><strong>{rule.title}</strong> — {rule.description}</li>
      ))}
    </ol>
  );
}