import type { BlitzPage } from "blitz"; import { Head, useQuery } from "blitz"; import getMetrics from "../queries/get-metrics"; import Header from "../components/header"; import Footer from "../components/footer"; const initialData = { phoneNumbers: 0, smsExchanged: 0, minutesCalled: 0, }; const OpenMetrics: BlitzPage = () => { const [metrics] = useQuery(getMetrics, {}, { suspense: false, initialData }); const { phoneNumbers, smsExchanged, minutesCalled } = metrics ?? initialData; return ( <>