diff --git a/src/components/ShareModal.tsx b/src/components/ShareModal.tsx
index 02b485e8..193ed7eb 100644
--- a/src/components/ShareModal.tsx
+++ b/src/components/ShareModal.tsx
@@ -4,7 +4,7 @@ import Modal from '@/components/Modal';
 import { TbPhotoShare } from 'react-icons/tb';
 import { clsx } from 'clsx/lite';
 import { BiCopy } from 'react-icons/bi';
-import { ReactNode } from 'react';
+import { JSX, ReactNode } from 'react';
 import { shortenUrl } from '@/utility/url';
 import { toastSuccess } from '@/toast';
 import { PiXLogo } from 'react-icons/pi';
diff --git a/src/components/SiteGrid.tsx b/src/components/SiteGrid.tsx
index 7b02ded7..59bbd0a1 100644
--- a/src/components/SiteGrid.tsx
+++ b/src/components/SiteGrid.tsx
@@ -1,5 +1,5 @@
 import { clsx } from 'clsx/lite';
-import { RefObject } from 'react';
+import { JSX, RefObject } from 'react';
 
 /*
   MAX WIDTHS
@@ -19,7 +19,7 @@ export default function SiteGrid({
   sideFirstOnMobile,
   sideHiddenOnMobile,
 }: {
-  containerRef?: RefObject<HTMLDivElement>
+  containerRef?: RefObject<HTMLDivElement | null>
   className?: string
   contentMain: JSX.Element
   contentSide?: JSX.Element
diff --git a/src/components/SwitcherItem.tsx b/src/components/SwitcherItem.tsx
index fdd773c8..496db457 100644
--- a/src/components/SwitcherItem.tsx
+++ b/src/components/SwitcherItem.tsx
@@ -1,6 +1,7 @@
 import Link from 'next/link';
 import { clsx } from 'clsx/lite';
 import { SHOULD_PREFETCH_ALL_LINKS } from '@/site/config';
+import { JSX } from 'react';
 
 export default function SwitcherItem({
   icon,
diff --git a/src/photo/PhotoDetailPage.tsx b/src/photo/PhotoDetailPage.tsx
index a23f0505..8f63d450 100644
--- a/src/photo/PhotoDetailPage.tsx
+++ b/src/photo/PhotoDetailPage.tsx
@@ -10,6 +10,7 @@ import { TAG_HIDDEN } from '@/tag';
 import HiddenHeader from '@/tag/HiddenHeader';
 import FocalLengthHeader from '@/focal/FocalLengthHeader';
 import PhotoHeader from './PhotoHeader';
+import { JSX } from 'react';
 
 export default function PhotoDetailPage({
   photo,
diff --git a/src/photo/PhotoGrid.tsx b/src/photo/PhotoGrid.tsx
index 8bc03f9d..b16aea73 100644
--- a/src/photo/PhotoGrid.tsx
+++ b/src/photo/PhotoGrid.tsx
@@ -7,6 +7,7 @@ import AnimateItems from '@/components/AnimateItems';
 import { GRID_ASPECT_RATIO } from '@/site/config';
 import { useAppState } from '@/state/AppState';
 import SelectTileOverlay from '@/components/SelectTileOverlay';
+import { JSX } from 'react';
 
 export default function PhotoGrid({
   photos,
diff --git a/src/photo/PhotoGridContainer.tsx b/src/photo/PhotoGridContainer.tsx
index 95ee522f..ba3fe255 100644
--- a/src/photo/PhotoGridContainer.tsx
+++ b/src/photo/PhotoGridContainer.tsx
@@ -5,7 +5,7 @@ import PhotoGrid from './PhotoGrid';
 import PhotoGridInfinite from './PhotoGridInfinite';
 import { clsx } from 'clsx/lite';
 import AnimateItems from '@/components/AnimateItems';
-import { ComponentProps, useCallback, useState } from 'react';
+import { JSX, ComponentProps, useCallback, useState } from 'react';
 
 export default function PhotoGridContainer({
   cacheKey,
diff --git a/src/site/font.ts b/src/site/font.ts
index e01131bc..a122ffdc 100644
--- a/src/site/font.ts
+++ b/src/site/font.ts
@@ -5,7 +5,7 @@ import { cwd } from 'process';
 const FONT_FAMILY_IBM_PLEX_MONO = 'IBMPlexMono';
 
 const getFontData = async () => {
-  let data: ArrayBuffer;
+  let data;
   if (typeof fs !== 'undefined') {
     data = fs.readFileSync(path.join(
       cwd(),
diff --git a/src/utility/usePathnames.ts b/src/utility/usePathnames.ts
index cad06d4e..cc328e43 100644
--- a/src/utility/usePathnames.ts
+++ b/src/utility/usePathnames.ts
@@ -4,8 +4,8 @@ import { usePathname } from 'next/navigation';
 const usePathnames = () => {
   const pathname = usePathname();
 
-  const currentRef = useRef<string>();
-  const previousRef = useRef<string>();
+  const currentRef = useRef('');
+  const previousRef = useRef('');
 
   useEffect(() => {
     previousRef.current = currentRef.current;