Upgrade Next.js to v16 and update dependencies

.github/dependabot.yml

@@ -8,9 +8,6 @@ updates:
     schedule:
       interval: "weekly"
       day: "sunday"
-    ignore:
-      - dependency-name: "next"
-      - dependency-name: "@types/node"
     groups:
       dependencies:
         patterns:

package.json

@@ -3,15 +3,15 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
-    "build": "next build",
+    "dev": "next dev --webpack",
+    "build": "next build --webpack",
     "start": "next start",
     "lint": "biome check .",
     "lint:fix": "biome check --write .",
     "format": "biome format --write ."
   },
   "dependencies": {
-    "@filecoin-foundation/ui-filecoin": "^0.7.4",
+    "@filecoin-foundation/ui-filecoin": "^0.7.5",
     "@filoz/synapse-sdk": "^0.36.0",
     "@headlessui/react": "^2.2.9",
     "@phosphor-icons/react": "^2.1.10",
@@ -24,14 +24,14 @@
     "ethers": "^6.15.0",
     "frontmatter-markdown-loader": "^3.7.0",
     "gray-matter": "^4.0.3",
-    "next": "^15.5.9",
+    "next": "^16.1.6",
     "next-plausible": "^3.12.5",
     "nuqs": "^2.8.6",
     "prop-types": "^15.8.1",
     "ramda": "^0.32.0",
-    "react": "^19.2.1",
+    "react": "^19.2.4",
     "react-csv": "^2.2.2",
-    "react-dom": "^19.2.1",
+    "react-dom": "^19.2.4",
     "react-markdown": "^10.1.0",
     "rehype-raw": "^7.0.0",
     "rehype-slug": "^6.0.0",
@@ -47,9 +47,9 @@
     "@tailwindcss/typography": "^0.5.19",
     "@types/node": "^22",
     "@types/ramda": "^0.31.1",
-    "@types/react": "^19",
+    "@types/react": "^19.2.14",
     "@types/react-csv": "^1.1.10",
-    "@types/react-dom": "^19",
+    "@types/react-dom": "^19.2.3",
     "abitype": "^1.2.0",
     "fast-glob": "^3.3.3",
     "frontmatter-markdown-loader": "^3.7.0",

src/app/layout.tsx

@@ -1,5 +1,3 @@
-import '@/app/config-initializer' // Just import to run initialization
-
 import '@/styles/globals.css'
 
 import type { ReactNode } from 'react'

src/components/Providers.tsx

@@ -1,14 +1,20 @@
 'use client'
 
-import '@/app/config-initializer' // Just import to run initialization
-
+import { setUIConfig } from '@filecoin-foundation/ui-filecoin/config/ui-config'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import Link from 'next/link'
 import PlausibleProvider from 'next-plausible'
 import { NuqsAdapter } from 'nuqs/adapters/next/app'
 import { type ReactNode, useState } from 'react'
 
 import { BASE_DOMAIN } from '@/constants/site-metadata'
 
+// Initialize UI config for client-side components
+setUIConfig({
+  baseDomain: BASE_DOMAIN,
+  Link: Link,
+})
+
 type ProvidersProps = Readonly<{ children: ReactNode }>
 
 export function Providers({ children }: ProvidersProps) {

src/components/SiteLayout.tsx

@@ -1,12 +1,23 @@
+import '@/styles/globals.css'
+
+import { setUIConfig } from '@filecoin-foundation/ui-filecoin/config/ui-config'
 import { clsx } from 'clsx'
 import localFont from 'next/font/local'
-import '@/styles/globals.css'
+import Link from 'next/link'
 import type { ReactNode } from 'react'
 
 import { BreakpointDebugger } from '@/components/_BreakpointDebugger'
 import { Footer } from '@/components/Footer/Footer'
 import { Providers } from '@/components/Providers'
 
+import { BASE_DOMAIN } from '@/constants/site-metadata'
+
+// Initialize UI config before any components render
+setUIConfig({
+  baseDomain: BASE_DOMAIN,
+  Link: Link,
+})
+
 const funnelSans = localFont({
   src: '../fonts/Funnel_Sans/FunnelSans[wght].woff2',
   display: 'swap',

tsconfig.json

@@ -11,7 +11,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -23,6 +23,12 @@
       "@/public/*": ["./public/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
   "exclude": ["node_modules"]
 }