React 19

.npmrc

@@ -1 +1,2 @@
 enable-pre-post-scripts=true
+legacy-peer-deps=true

app/[locale]/layout.tsx

@@ -1,6 +1,7 @@
 import { getTranslations, setRequestLocale } from 'next-intl/server';
 import classNames from 'classnames';
-import { Geist, Geist_Mono } from 'next/font/google';
+import { GeistSans } from 'geist/font/sans';
+import { GeistMono } from 'geist/font/mono';
 import { LocaleProvider } from '~/providers/localeProvider.tsx';
 import { routing } from '~/lib/i18n/routing';
 import type { FC, PropsWithChildren } from 'react';
@@ -12,14 +13,6 @@ type RootLayoutProps = PropsWithChildren<BaseParams>;
 
 export const dynamic = 'force-static';
 
-const GeistSans = Geist({
-  subsets: ['latin'],
-});
-
-const GeistMono = Geist_Mono({
-  subsets: ['latin'],
-});
-
 // Generate params for all available locales
 // It's allow us to build the website statically for all locales
 export const generateStaticParams = () =>

components/Common/Codebox/index.tsx

@@ -14,7 +14,9 @@ type CodeboxProps = {
 const Codebox: FC<CodeboxProps> = async props => {
   if (!isValidElement(props.children)) return null;
 
+  // @ts-ignore
   const code = props.children.props.children.trim();
+  // @ts-ignore
   const lang = props.children.props.className
     .replace('language-', '')
     .replace('mjs', 'js');

next.config.ts

@@ -8,14 +8,15 @@ const nextConfig: NextConfig = {
   typescript: {
     ignoreBuildErrors: true,
   },
+  // We didn't use eslint
   eslint: {
     ignoreDuringBuilds: true,
   },
   // Static website output
   output: 'export',
   images: { unoptimized: true },
   trailingSlash: false,
-  transpilePackages: ['next-mdx-remote'],
+  transpilePackages: ['geist', 'next-mdx-remote'],
 };
 
 export default withNextIntl(nextConfig);