upgrade to next 15 (#151)

apps/web/src/app/(dashboard)/campaigns/[campaignId]/edit/page.tsx

@@ -5,7 +5,7 @@ import { Spinner } from "@unsend/ui/src/spinner";
 import { Button } from "@unsend/ui/src/button";
 import { Input } from "@unsend/ui/src/input";
 import { Editor } from "@unsend/email-editor";
-import { useState } from "react";
+import { use, useState } from "react";
 import { Campaign } from "@prisma/client";
 import {
   Select,
@@ -51,16 +51,18 @@ const IMAGE_SIZE_LIMIT = 10 * 1024 * 1024;
 export default function EditCampaignPage({
   params,
 }: {
-  params: { campaignId: string };
+  params: Promise<{ campaignId: string }>;
 }) {
+  const { campaignId } = use(params);
+
   const {
     data: campaign,
     isLoading,
     error,
   } = api.campaign.getCampaign.useQuery(
-    { campaignId: params.campaignId },
+    { campaignId },
     {
-      enabled: !!params.campaignId,
+      enabled: !!campaignId,
     }
   );
 

apps/web/src/app/(dashboard)/campaigns/[campaignId]/page.tsx

@@ -12,16 +12,17 @@ import Link from "next/link";
 
 import Spinner from "@unsend/ui/src/spinner";
 import { api } from "~/trpc/react";
-import { Separator } from "@unsend/ui/src/separator";
-import { ExternalLinkIcon } from "lucide-react";
+import { use } from "react";
 
 export default function CampaignDetailsPage({
   params,
 }: {
-  params: { campaignId: string };
+  params: Promise<{ campaignId: string }>;
 }) {
+  const { campaignId } = use(params);
+
   const { data: campaign, isLoading } = api.campaign.getCampaign.useQuery({
-    campaignId: params.campaignId,
+    campaignId: campaignId,
   });
 
   if (isLoading) {