Fetch sent pending connections

import { useFetchSentPendingConnections } from "@sublay/react-js";

function SentRequests() {
  const fetchSentPendingConnections = useFetchSentPendingConnections();
  const [requests, setRequests] = useState([]);

  useEffect(() => {
    fetchSentPendingConnections({ page: 1 }).then((res) => {
      setRequests(res.data);
    });
  }, []);

  return (
    <ul>
      {requests.map(({ id, user }) => (
        <li key={id}>Pending request to {user.name}</li>
      ))}
    </ul>
  );
}