frontend/hooks/useBackendHealth.js

import {useEffect,useState} from "react";
import api from "../services/api";

export default function useBackendHealth(){

const [online,setOnline]=useState(false);

useEffect(()=>{

let active=true;

async function check(){

try{

await api.get("/health");

if(active)setOnline(true);

}catch{

if(active)setOnline(false);

}

}

check();

const timer=setInterval(check,5000);

return()=>{

active=false;

clearInterval(timer);

};

},[]);

return online;

}