upgrade web to nextjs 16

apps/web/app/terminal.tsx

@@ -1749,7 +1749,7 @@ export const getOptionTableSnapshot = (
 };
 
 type ListScrollState = {
-  listRef: React.RefObject<HTMLDivElement>;
+  listRef: React.RefObject<HTMLDivElement | null>;
   listNode: HTMLDivElement | null;
   setListRef: (node: HTMLDivElement | null) => void;
   isAtTop: boolean;
@@ -1854,7 +1854,7 @@ const useListScroll = (): ListScrollState => {
 };
 
 const useScrollAnchor = (
-  listRef: React.RefObject<HTMLDivElement>,
+  listRef: React.RefObject<HTMLDivElement | null>,
   isAtTopRef: React.MutableRefObject<boolean>
 ) => {
   const pendingRef = useRef<{
@@ -1996,7 +1996,7 @@ type TapeVirtualRow<T> = {
 
 const useTapeVirtualList = <T extends SortableItem>(
   items: T[],
-  listRef: React.RefObject<HTMLDivElement>,
+  listRef: React.RefObject<HTMLDivElement | null>,
   config: TapeVirtualListConfig
 ): TapeVirtualListResult<T> => {
   const virtualizer = useVirtualizer<HTMLDivElement, HTMLElement>({

apps/web/next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

apps/web/package.json

@@ -11,13 +11,14 @@
     "@islandflow/types": "workspace:*",
     "@tanstack/react-virtual": "^3.13.24",
     "lightweight-charts": "^4.2.0",
-    "next": "^14.2.4",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "next": "^16.2.6",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   },
   "devDependencies": {
     "@types/node": "^20.14.10",
-    "@types/react": "^18.3.3",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "typescript": "^5.5.4"
   }
 }