Upgrade Biome to 2.3 and Next.js to 16 with Cache Components

Author: marcbouchenoire

package-lock.json

@@ -55,7 +55,7 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.17.4",
-    "@biomejs/biome": "^2.2.0",
+    "@biomejs/biome": "^2.3.8",
     "@release-it/keep-a-changelog": "^7.0.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",

package.json

@@ -11,9 +11,6 @@
   },
   "linter": {
     "rules": {
-      "suspicious": {
-        "noUnknownAtRules": "off"
-      },
       "nursery": {
         "useSortedClasses": {
           "fix": "safe",
@@ -27,7 +24,8 @@
   },
   "css": {
     "parser": {
-      "cssModules": true
+      "cssModules": true,
+      "tailwindDirectives": true
     }
   }
 }

site/biome.jsonc

@@ -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/api-reference/config/typescript for more information.

site/next-env.d.ts

@@ -1,11 +1,7 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  experimental: {
-    dynamicIO: true,
-    useCache: true,
-    ppr: true,
-  },
+  cacheComponents: true,
   async rewrites() {
     return [
       {

site/next.config.ts

@@ -29,7 +29,7 @@
     "frimousse": "file:../",
     "lucide-react": "^0.482.0",
     "motion": "^12.5.0",
-    "next": "15.3.0-canary.10",
+    "next": "16.0.7",
     "next-themes": "^0.4.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

site/package.json

@@ -4,7 +4,7 @@ import {
   type ReactionsJson,
   ROOM_ID,
 } from "liveblocks.config";
-import { unstable_cacheLife as cachelife } from "next/cache";
+import { cacheLife } from "next/cache";
 import { type ComponentProps, Suspense } from "react";
 import {
   Reactions as ClientReactions,
@@ -19,7 +19,7 @@ const liveblocks = new LiveblocksClient({
 async function ServerReactions() {
   "use cache";
 
-  cachelife("seconds");
+  cacheLife("seconds");
 
   let reactions: ReactionsJson;
 

site/src/components/reactions.tsx

@@ -1,4 +1,4 @@
-import { unstable_cacheLife as cacheLife } from "next/cache";
+import { cacheLife } from "next/cache";
 import { type ComponentProps, Suspense } from "react";
 import { cn } from "@/lib/utils";
 import { buttonVariants } from "../ui/button";