import type { BlitzPage } from "blitz"; import { Head, useQuery } from "blitz"; import getMetrics from "../queries/get-metrics"; import Header from "../components/header"; 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 ( <> Shellphone: Your Personal Cloud Phone

Open Metrics

); }; function Card({ title, value }: any) { return (
{title}
{value}
); } OpenMetrics.suppressFirstRenderFlicker = true; export default OpenMetrics;