1import { useEffect, useState } from "react";
2import { createCrossConnection } from "cross-connection";
3
4const api = createCrossConnection({
5  baseURL: "https://api.example.com",
6  retry: { retries: 2, baseDelayMs: 120, maxDelayMs: 1200 },
7});
8
9export function HealthCard() {
10  const [status, setStatus] = useState("loading");
11
12  useEffect(() => {
13    api.get<{ ok: boolean }>("/health")
14      .then((res) => setStatus(res.data.ok ? "ok" : "degraded"))
15      .catch(() => setStatus("down"));
16  }, []);
17
18  return <p>API status: {status}</p>;
19}

1import { createCrossConnection } from "cross-connection";
2
3const api = createCrossConnection({
4  security: { redactHeaders: ["authorization", "x-api-key"] },
5});
6
7export async function createProject(name: string) {
8  const res = await api.post("/projects", { name }, {
9    headers: { authorization: "Bearer token" },
10  });
11
12  return res.data;
13}