const Home =() => { const [posts, setPosts] = useState([]); const [error, setError] = useState(null); const loadPosts = () => { getPost() .then((response) => { if (!response.ok) { throw Error("Server not reachable!"); } return response.json(); }) .then((data) => { setPosts(data.posts); }) .catch((err) => { setError(err.message); }); }; return( <div>{error} </div> ) }

Estoy tratando de registrar el error personalizado que arrojé, es decir, "¡No se puede acceder al servidor!", Pero por alguna razón, siempre obtengo el registro de error predeterminado, es decir, no puedo obtener

¿Cómo puedo registrar el error personalizado que arrojé en lugar del predeterminado?