Viewing existing destinations

const getDestinations = useGetDestinations(
  fetchTokent,        // fetchToken implementation, takes no parameters
  "app.example.co",   // the origin of your React app (used to allow CORS),
  PREQUEL_HOST        // Optional (default api.prequel.co): the host url of your Prequel API
);

// Local state to store existing destinations
const [destinations, setDestinations] = useState<ExistingDestination[]>();

// Async function fetches existing destinations from Prequel API
const fetchDestinations = async (id: string) => {
  const destinations = await getDestinations(id);
  setDestinations(destinations);
};

useEffect(() => {
  fetchDestinations();  // Fetch the destinations for active user's recipient
}, []);

const RecipientDestinations = () => {
  // Recipient fetching elided

  return (
    <>
      {destinations.map((d) => (
        <div key={d.id}>
          <p>{d.id}</p>
          <p>{d.name}</p>
          <p>{d.vendor}</p>
          // ...other destination fields
        </div>
      ))}
    </>
  );
}