import { useState, useEffect } from 'react' import { getHealth } from '../api' import { Spinner } from './Common' export default function Health() { const [data, setData] = useState<{ version: string } | null>(null) const [error, setError] = useState('') const [loading, setLoading] = useState(true) useEffect(() => { getHealth() .then(setData) .catch((e) => setError(e.message)) .finally(() => setLoading(false)) }, []) if (loading) return if (error) return
Error: {error}
return (

Health Check

System Online
Version: {data?.version}
) }