wrap hit counter with an error boundary in case the API falls on its face again

components/HitCounter/HitCounter.tsx

@@ -1,4 +1,5 @@
 import useSWRImmutable from "swr/immutable";
+import { useErrorBoundary } from "react-error-boundary";
 import commaNumber from "comma-number";
 import Loading from "../Loading";
 import fetcher from "../../lib/helpers/fetcher";
@@ -9,6 +10,8 @@ export type HitCounterProps = {
 };
 
 const HitCounter = ({ slug }: HitCounterProps) => {
+  const { showBoundary } = useErrorBoundary();
+
   // use immutable SWR to avoid double (or more) counting views:
   // https://swr.vercel.app/docs/revalidation#disable-automatic-revalidations
   const { data, error } = useSWRImmutable<PageStats>(
@@ -18,8 +21,9 @@ const HitCounter = ({ slug }: HitCounterProps) => {
     fetcher
   );
 
-  // fail secretly
+  // fail somewhat silently, see error boundary in NoteMeta component
   if (error) {
+    showBoundary(`${error}`);
     return null;
   }