Update to Next.js 14

solana-foundation · Jul 31, 2024 · 08afe3d · 08afe3d
1 parent 06cf204
commit 08afe3d
Show file tree

Hide file tree

Showing 5 changed files with 1,166 additions and 301 deletions.
diff --git a/app/components/SearchBar.tsx b/app/components/SearchBar.tsx
@@ -72,7 +72,7 @@ export function SearchBar() {
                         loadOptions={performSearch}
                         autoFocus
                         inputId={useId()}
-                        ref={ref => (selectRef.current = ref)}
+                        ref={selectRef}
                         noOptionsMessage={() => 'No Results'}
                         loadingMessage={() => 'loading...'}
                         placeholder="Search for blocks, accounts, transactions, programs, and tokens"

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -7,18 +7,20 @@ import { Navbar } from '@components/Navbar';
 import { SearchBar } from '@components/SearchBar';
 import { ClusterProvider } from '@providers/cluster';
 import { ScrollAnchorProvider } from '@providers/scroll-anchor';
+import type { Viewport } from 'next';
 import { Rubik } from 'next/font/google';
 import { Metadata } from 'next/types';
 
 export const metadata: Metadata = {
     description: 'Inspect transactions, accounts, blocks, and more on the Solana blockchain',
     manifest: '/manifest.json',
     title: 'Explorer | Solana',
-    viewport: {
-        initialScale: 1,
-        maximumScale: 1,
-        width: 'device-width',
-    },
+};
+
+export const viewport: Viewport = {
+    initialScale: 1,
+    maximumScale: 1,
+    width: 'device-width',
 };
 
 const rubikFont = Rubik({

diff --git a/next.config.mjs b/next.config.mjs
@@ -5,7 +5,8 @@ const SUPPLY_ALIASES = ['accounts', 'accounts/top'];
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   experimental: {
-    appDir: true,
+    // FIXME: https://nextjs.org/docs/messages/missing-suspense-with-csr-bailout
+    missingSuspenseWithCSRBailout: false,
   },
   images: {
     remotePatterns: [

diff --git a/package.json b/package.json
@@ -36,17 +36,17 @@
         "cross-fetch": "^3.1.5",
         "elfy": "^1.0.0",
         "eslint": "8.39.0",
-        "eslint-config-next": "13.4.0",
+        "eslint-config-next": "14.2.5",
         "humanize-duration-ts": "^2.1.1",
         "moment": "^2.29.4",
-        "next": "13.4.0",
+        "next": "14.2.5",
         "p-limit": "^3.1.0",
         "pako": "^2.1.0",
-        "react": "18.2.0",
+        "react": "18.3.1",
         "react-chartjs-2": "^5.2.0",
         "react-content-loader": "^6.1.0",
         "react-countup": "^6.4.0",
-        "react-dom": "18.2.0",
+        "react-dom": "18.3.1",
         "react-error-boundary": "^4.0.11",
         "react-feather": "^2.0.10",
         "react-json-view": "^1.21.3",
@@ -71,8 +71,8 @@
         "@types/chart.js": "^2.9.34",
         "@types/node": "18.16.3",
         "@types/pako": "^2.0.3",
-        "@types/react": "18.2.0",
-        "@types/react-dom": "18.2.1",
+        "@types/react": "18.3.3",
+        "@types/react-dom": "18.3.0",
         "@types/react-select": "3.1.2",
         "@types/testing-library__jest-dom": "5.14.5",
         "bootstrap": "^5.1.3",