fix: use async way of fetching params

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]/loader.tsx

@@ -1,23 +1,24 @@
 import { H1 } from '../../../modules/atoms/remark/Titles';
-import React, { Suspense } from 'react';
+import React from 'react';
 import { Metadata } from 'next';
 import { PastEvents } from './pastEvents';
-import { Loader } from './loader';
 
 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>
-      <Suspense fallback={<Loader />}>
-        <PastEvents year={year}></PastEvents>
-      </Suspense>
+      <PastEvents year={year}></PastEvents>
     </main>
   );
 }
 
-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.`;
 

app/evenements-precedents/[year]/page.tsx

@@ -1,4 +1,3 @@
-'use client';
 import Image from 'next/image';
 import { H1 } from '../../atoms/remark/Titles';
 import type { Event } from '../types';

modules/event/components/EventDetail.tsx

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.