actually listen to react-hooks/exhaustive-deps warning

pages/api/contact.ts

@@ -64,7 +64,7 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
   }
 };
 
-const validateCaptcha = async (formResponse) => {
+const validateCaptcha = async (formResponse: unknown) => {
   const response = await fetch(HCAPTCHA_API_ENDPOINT, {
     method: "POST",
     headers: {
@@ -80,10 +80,10 @@ const validateCaptcha = async (formResponse) => {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const result: any = await response.json();
 
-  return result.success;
+  return result.success as boolean;
 };
 
-const sendToAirtable = async (data) => {
+const sendToAirtable = async (data: unknown) => {
   const response = await fetch(`${AIRTABLE_API_ENDPOINT}${AIRTABLE_BASE}/Messages`, {
     method: "POST",
     headers: {

pages/api/hits.ts

@@ -1,5 +1,5 @@
-import pRetry from "p-retry";
 import faunadb from "faunadb";
+import pRetry from "p-retry";
 import { getAllNotes } from "../../lib/helpers/parse-notes";
 import { logServerError } from "../../lib/helpers/sentry";
 import type { NextApiRequest, NextApiResponse } from "next";

pages/previously.tsx

@@ -7,6 +7,7 @@ import PageTitle from "../components/PageTitle";
 import Link from "../components/Link";
 import Figure from "../components/Figure";
 import IFrame from "../components/IFrame";
+import Code from "../components/CodeInline";
 import HorizontalRule from "../components/HorizontalRule";
 
 import img_wayback from "../public/static/images/previously/wayback.png";
@@ -58,7 +59,7 @@ main > div > div strong {
   font-weight: 900;
 }
 main > div > div code {
-  font-size: 0.85em;
+  font-size: 0.85em !important;
   font-weight: 400;
 }
 main > div > div figure:last-of-type {
@@ -119,9 +120,9 @@ iframe {
 
       <p>
         🚨 <strong>Trigger warning:</strong> marquees, Comic Sans MS, popups,{" "}
-        <code>
+        <Code>
           color: <span style={{ color: "#32cd32" }}>limegreen</span>
-        </code>
+        </Code>
         ...{" "}
         <Link href="/y2k/" prefetch={false}>
           Click for the{" "}

pages/privacy.tsx

@@ -5,6 +5,7 @@ import Link from "../components/Link";
 import Image from "../components/Image";
 import IFrame from "../components/IFrame";
 import Blockquote from "../components/Blockquote";
+import Code from "../components/CodeInline";
 import { H2 } from "../components/Heading";
 import { UnorderedList, ListItem } from "../components/List";
 
@@ -52,7 +53,7 @@ const Privacy = () => (
 
       <p>
         A very simple hit counter on each blog post tallies an aggregate number of pageviews (i.e.{" "}
-        <code>hits = hits + 1</code>) in a <Link href="https://fauna.com/">Fauna</Link> database. Individual views and
+        <Code>hits = hits + 1</Code>) in a <Link href="https://fauna.com/">Fauna</Link> database. Individual views and
         identifying (or non-identifying) details are <strong>never stored or logged</strong>.
       </p>
 

pages/uses.tsx

@@ -3,6 +3,7 @@ import Content from "../components/Content";
 import PageTitle from "../components/PageTitle";
 import Link from "../components/Link";
 import Image from "../components/Image";
+import Code from "../components/CodeInline";
 import { H2 } from "../components/Heading";
 import { UnorderedList, ListItem } from "../components/List";
 
@@ -137,7 +138,7 @@ const Uses = () => (
               <Link href="https://github.com/jakejarvis/dotfiles/blob/main/zsh/aliases.zsh">ZSH aliases</Link> and{" "}
               <Link href="https://github.com/jakejarvis/dotfiles/blob/main/zsh/functions.zsh">functions</Link> are in{" "}
               <Link href="https://github.com/jakejarvis/dotfiles">
-                my <code>.dotfiles</code> repository.
+                my <Code>.dotfiles</Code> repository.
               </Link>
             </ListItem>
             <ListItem>
@@ -257,7 +258,7 @@ const Uses = () => (
           <UnorderedList>
             <ListItem>
               <Link href="https://github.com/jakejarvis/dotfiles/blob/main/Brewfile">
-                View my messy <code>Brewfile</code> dump
+                View my messy <Code>Brewfile</Code> dump
               </Link>{" "}
               with all of my installed packages.
             </ListItem>
@@ -377,7 +378,7 @@ const Uses = () => (
           <UnorderedList>
             <ListItem>
               <Link href="https://github.com/jakejarvis/dotfiles/blob/main/firefox/user.js">
-                My default <code>user.js</code> settings.
+                My default <Code>user.js</Code> settings.
               </Link>
             </ListItem>
             <ListItem>