setup(next.js) 15.2

Author: AugustinMauroy

apps/site/components/Common/AvatarGroup/Avatar/index.tsx

@@ -1,7 +1,7 @@
+
 import classNames from 'classnames';
 import Image from 'next/image';
-import type { HTMLAttributes } from 'react';
-import { forwardRef } from 'react';
+import type {FC, HTMLAttributes } from 'react';
 
 import Link from '@/components/Link';
 
@@ -14,21 +14,17 @@ export type AvatarProps = {
   fallback?: string;
   size?: 'small' | 'medium';
   url?: string;
-};
+} & HTMLAttributes<HTMLSpanElement>;
 
 // @TODO: We temporarily removed the Avatar Radix UI primitive, since it was causing flashing
 // during initial load and not being able to render nicely when images are already cached.
 // @see https://github.com/radix-ui/primitives/pull/3008
-const Avatar = forwardRef<
-  HTMLSpanElement,
-  HTMLAttributes<HTMLSpanElement> & AvatarProps
->(({ image, nickname, name, fallback, url, size = 'small', ...props }, ref) => {
+const Avatar: FC<AvatarProps> = (({ image, nickname, name, fallback, url, size = 'small', ...props }) => {
   const Wrapper = url ? Link : 'div';
 
   return (
     <span
       {...props}
-      ref={ref}
       className={classNames(styles.avatar, styles[size], props.className)}
     >
       <Wrapper

apps/site/next.config.mjs renamed to apps/site/next.config.ts

@@ -1,11 +1,9 @@
-'use strict';
-
+import type { NextConfig } from 'next';
 import withNextIntl from 'next-intl/plugin';
 
 import { BASE_PATH, ENABLE_STATIC_EXPORT } from './next.constants.mjs';
 import { redirects, rewrites } from './next.rewrites.mjs';
 
-/** @type {import('next').NextConfig} */
 const nextConfig = {
   // We don't use trailing slashes on URLs from the Node.js Website
   trailingSlash: false,
@@ -97,6 +95,6 @@ const nextConfig = {
       'shiki',
     ],
   },
-};
+} as NextConfig;
 
 export default withNextIntl('./i18n.tsx')(nextConfig);

apps/site/package.json

@@ -53,17 +53,17 @@
     "github-slugger": "~2.0.0",
     "glob": "~11.0.0",
     "gray-matter": "~4.0.3",
-    "next": "15.1.6",
-    "next-intl": "~3.26.3",
-    "next-themes": "~0.4.3",
+    "next": "15.2.0",
+    "next-intl": "~3.26.5",
+    "next-themes": "~0.4.4",
     "postcss": "~8.4.49",
     "postcss-calc": "~10.0.2",
     "postcss-import": "~16.1.0",
     "postcss-loader": "~8.1.1",
     "postcss-mixins": "~11.0.3",
     "postcss-simple-vars": "~7.0.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "rehype-autolink-headings": "~7.1.0",
     "rehype-slug": "~6.0.0",
     "remark-gfm": "~4.0.0",
@@ -78,7 +78,7 @@
   },
   "devDependencies": {
     "@eslint/compat": "~1.2.3",
-    "@next/eslint-plugin-next": "15.1.6",
+    "@next/eslint-plugin-next": "15.2.0",
     "@storybook/addon-controls": "^8.5.2",
     "@storybook/addon-interactions": "^8.5.2",
     "@storybook/addon-styling-webpack": "^1.0.1",
@@ -90,10 +90,9 @@
     "@testing-library/react": "~16.2.0",
     "@testing-library/user-event": "~14.6.1",
     "@types/jest": "29.5.14",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
     "@types/semver": "~7.5.8",
-    "eslint-config-next": "15.1.3",
     "eslint-import-resolver-typescript": "~3.7.0",
     "eslint-plugin-mdx": "~3.1.5",
     "eslint-plugin-react": "~7.37.2",