MyRenderingComponent.jsx

import useSWR from "swr";

const fetcher = (...args) => fetch(...args).then((res) => res.json());

function MyRenderingComponent() {
  const { data, error } = useSWR("https://brunosabot.dev/api/hello/", fetcher);

  if (error) return <div>An error has occurred</div>;
  if (!data) return <div>Loading...</div>;
  
  return <div>{data.name}</div>;
}