more optimization/error handling

components/NoteMeta/NoteMeta.tsx

@@ -1,3 +1,4 @@
+import { ErrorBoundary } from "react-error-boundary";
 import Link from "next/link";
 import Time from "../Time";
 import HitCounter from "../HitCounter";
@@ -108,15 +109,17 @@ const NoteMeta = ({ slug, date, title, htmlTitle, tags = [] }: NoteMetaProps) =>
 
       {/* only count hits on production site */}
       {process.env.NEXT_PUBLIC_VERCEL_ENV === "production" && (
-        <MetaItem
-          // fix potential layout shift when number of hits loads
-          css={{ minWidth: "7em", marginRight: 0 }}
-        >
-          <span>
-            <Icon as={ViewsIcon} />
-          </span>
-          <HitCounter slug={`notes/${slug}`} />
-        </MetaItem>
+        <ErrorBoundary fallback={null}>
+          <MetaItem
+            // fix potential layout shift when number of hits loads
+            css={{ minWidth: "7em", marginRight: 0 }}
+          >
+            <span>
+              <Icon as={ViewsIcon} />
+            </span>
+            <HitCounter slug={`notes/${slug}`} />
+          </MetaItem>
+        </ErrorBoundary>
       )}
     </Wrapper>