fix: use async way of fetching params (#504)

Author: Slashgear

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 {};

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.`;
 

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';