diff --git a/packages/skin-database/app/(modern)/scroll/SkinPage.tsx b/packages/skin-database/app/(modern)/scroll/SkinPage.tsx
index ba6103b4..56ed57ae 100644
--- a/packages/skin-database/app/(modern)/scroll/SkinPage.tsx
+++ b/packages/skin-database/app/(modern)/scroll/SkinPage.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+// @ts-expect-error - unstable_ViewTransition is not yet in @types/react
 import { unstable_ViewTransition as ViewTransition } from "react";
 import { ClientSkin } from "./SkinScroller";
 import SkinActionIcons from "./SkinActionIcons";
diff --git a/packages/skin-database/app/(modern)/scroll/grid/Grid.tsx b/packages/skin-database/app/(modern)/scroll/grid/Grid.tsx
index 49ede509..d61e64f3 100644
--- a/packages/skin-database/app/(modern)/scroll/grid/Grid.tsx
+++ b/packages/skin-database/app/(modern)/scroll/grid/Grid.tsx
@@ -4,6 +4,7 @@ import React, {
   useMemo,
   useCallback,
   useRef,
+  // @ts-expect-error - unstable_ViewTransition is not yet in @types/react
   unstable_ViewTransition as ViewTransition,
 } from "react";
 
@@ -141,7 +142,7 @@ export default function SkinTable({
     return skin ? skin.md5 : `empty-cell-${columnIndex}-${rowIndex}`;
   }
 
-  const gridRef = React.useRef<any>();
+  const gridRef = React.useRef<any>(null);
   const itemRef = React.useRef<number>(0);
 
   const onScroll = useMemo(() => {
diff --git a/packages/skin-database/app/(modern)/table/Table.tsx b/packages/skin-database/app/(modern)/table/Table.tsx
index da6d1d53..45b6ab5e 100644
--- a/packages/skin-database/app/(modern)/table/Table.tsx
+++ b/packages/skin-database/app/(modern)/table/Table.tsx
@@ -111,8 +111,8 @@ function SkinTableUnbound({
     }
     return skin ? skin.hash : `unfectched-index-${requestToken}`;
   }
-  const gridRef = React.useRef();
-  const itemRef = React.useRef();
+  const gridRef = React.useRef<any>(null);
+  const itemRef = React.useRef<number>(0);
   React.useLayoutEffect(() => {
     if (gridRef.current == null) {
       return;