fix(build): fix js error by updating next and fix header usage (#503)

Slashgear · web-flow · commit cd389bc8e087 · 2025-03-14T20:29:37.000+01:00
diff --git a/app/evenement/[slug]/page.tsx b/app/evenement/[slug]/page.tsx
@@ -9,7 +9,8 @@ import { Metadata } from 'next';
 
 export const revalidate = 3600;
 
-export default async function EventPage({ params: { slug } }: { params: { slug: string } }) {
+export default async function EventPage({ params }: { params: Promise<{ slug: string }> }) {
+  const { slug } = await params;
   const eventId = parserEventIdFromSlug(slug);
   if (!eventId) {
     notFound();
@@ -28,7 +29,8 @@ export default async function EventPage({ params: { slug } }: { params: { slug:
   }
 }
 
-export async function generateMetadata({ params: { slug } }: { params: { slug: string } }): Promise<Metadata> {
+export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
+  const { slug } = await params;
   const eventId = parserEventIdFromSlug(slug);
   if (!eventId) {
     return {};
diff --git a/app/evenements-precedents/[year]/page.tsx b/app/evenements-precedents/[year]/page.tsx
@@ -4,8 +4,11 @@ import { Metadata } from 'next';
 import { PastEvents } from './pastEvents';
 
 export const revalidate = 3600;
+const DEFAULT_YEAR = `${new Date().getFullYear()}`;
+
+export default async function PastEventsPage({ params }: { params: Promise<{ year?: string }> }) {
+  const { year = DEFAULT_YEAR } = await params;
 
-export default async function PastEventsPage({ params: { year } }: { params: { year: string } }) {
   return (
     <main>
       <H1>Évènements précédents</H1>
@@ -14,7 +17,8 @@ export default async function PastEventsPage({ params: { year } }: { params: { y
   );
 }
 
-export async function generateMetadata({ params: { year } }: { params: { year: string } }): Promise<Metadata> {
+export async function generateMetadata({ params }: { params: Promise<{ year?: string }> }): Promise<Metadata> {
+  const { year = DEFAULT_YEAR } = await params;
   const title = `LyonJS | Évènements ${year}`;
   const description = `Liste des évènements LyonJS de l'année ${year}, meetup, apéros, conférences et rassemblement, retrouver tous les liens depuis notre création.`;
 
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -15,8 +15,9 @@ import { ORGANISATION_MARKUP } from './org-markup';
 
 dayjs.locale('fr');
 
-export default function AppLayout({ children }: { children: ReactNode }) {
-  const nonce = headers().get('x-nonce');
+export default async function AppLayout({ children }: { children: ReactNode }) {
+  const header = await headers();
+  const nonce = header.get('x-nonce');
 
   return (
     <html lang="fr-FR">
diff --git a/modules/event/components/EventDetail.tsx b/modules/event/components/EventDetail.tsx
@@ -1,4 +1,3 @@
-'use client';
 import Image from 'next/image';
 import { H1 } from '../../atoms/remark/Titles';
 import type { Event } from '../types';
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "packageManager": "pnpm@9.15.9",
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
     "export": "next export",
@@ -21,7 +21,7 @@
     "dayjs": "^1.11.13",
     "lodash": "^4.17.21",
     "motion": "^10.18.0",
-    "next": "14.2.23",
+    "next": "15.2.2",
     "normalize.css": "8.0.1",
     "react": "19.0.0",
     "react-dom": "19.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-'use client';`
`2`	`1`	`import Image from 'next/image';`
`3`	`2`	`import { H1 } from '../../atoms/remark/Titles';`
`4`	`3`	`import type { Event } from '../types';`