update pnpm

.npmrc

@@ -0,0 +1 @@
+engine-strict=true

app/[lang]/projects/page.tsx

@@ -1,3 +1,4 @@
+import { Suspense } from "react"
 import { Metadata } from "next"
 
 import { Divider } from "@/components/divider"
@@ -23,7 +24,9 @@ export default async function ProjectsPage({ params: { lang } }: any) {
         subtitle={t("subtitle")}
         showDivider={false}
       >
-        <ProjectFiltersBar lang={lang} />
+        <Suspense fallback={<div>Loading...</div>}>
+          <ProjectFiltersBar lang={lang} />
+        </Suspense>
       </PageHeader>
 
       <div className="w-full bg-white pb-28">

components/ui/accordion.tsx

@@ -15,7 +15,7 @@ interface AccordionItemProps {
 
 type AccordionPadding = "xs" | "sm"
 
-interface AccordionProps extends RadixAccordion.AccordionImplProps {
+interface AccordionProps {
   type?: "single" | "multiple"
   size?: AccordionPadding
   defaultValue?: string

next-env.d.ts

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

next.config.mjs

@@ -1,6 +1,12 @@
 import nextMdx from "@next/mdx"
 
 const withMDX = nextMdx({
+  webpack: (config, { isServer }) => {
+    if (!isServer) {
+      config.externals.push("discord.js", "@discordjs/rest");
+    }
+    return config;
+  },
   extension: /\.mdx?$/,
   options: {
     remarkPlugins: [],