Viewing destination transfers

const getTransfers = useGetTransfers(
  fetchToken,         // fetchToken implementation, takes an ExistingDestination
  "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 transfers
const [transfers, setTransfers] = useState<Transfer[]>();

// Async function fetches transfers from Prequel API
const fetchTransfers = async (existing: ExistingDestination) => {
  const transfers = await getTransfers(existing);
  setTransfers(transfers);
};

useEffect(() => {
  fetchTransfers(destination);  // Fetch the transfers for selected destination
}, [destination]);

const Transfers = () => {
  // Transfers fetching elided

  return (
    <>
      {transfers.map((t) => (
        <div key={d.id}>
          <p>{t.id}</p>
          <p>{t.status}</p>
          <p>{t.log}</p>
          // ...other transfer fields
        </div>
      ))}
    </>
  );
}