diff --git a/apps/dokploy/components/dashboard/application/preview-deployments/preview-deployment-card.tsx b/apps/dokploy/components/dashboard/application/preview-deployments/preview-deployment-card.tsx
index c5b381eb1..521f0afeb 100644
--- a/apps/dokploy/components/dashboard/application/preview-deployments/preview-deployment-card.tsx
+++ b/apps/dokploy/components/dashboard/application/preview-deployments/preview-deployment-card.tsx
@@ -13,20 +13,20 @@ import { DateTooltip } from "@/components/shared/date-tooltip";
 
 interface PreviewDeploymentCardProps {
   appName: string;
-  serverId: string;
+  serverId: string | undefined;
   onDeploymentDelete: (deploymentId: string) => void;
   deploymentId: string;
   deploymentUrl: string;
   deployments: RouterOutputs["deployment"]["all"];
 
-  domainId: string;
-  domainHost: string;
+  domainId: string | undefined;
+  domainHost: string | undefined;
 
-  pullRequestTitle: string;
-  pullRequestUrl: string;
+  pullRequestTitle: string | undefined;
+  pullRequestUrl: string | undefined;
   status: "running" | "error" | "done" | "idle" | undefined | null;
-  branch: string;
-  date: string;
+  branch: string | undefined;
+  date: string | undefined;
   isLoading: boolean;
 }
 
diff --git a/apps/dokploy/components/dashboard/application/preview-deployments/show-preview-deployments.tsx b/apps/dokploy/components/dashboard/application/preview-deployments/show-preview-deployments.tsx
index 7be497ed7..2500662db 100644
--- a/apps/dokploy/components/dashboard/application/preview-deployments/show-preview-deployments.tsx
+++ b/apps/dokploy/components/dashboard/application/preview-deployments/show-preview-deployments.tsx
@@ -1,6 +1,3 @@
-import { DateTooltip } from "@/components/shared/date-tooltip";
-import { StatusTooltip } from "@/components/shared/status-tooltip";
-import { Button } from "@/components/ui/button";
 import {
 	Card,
 	CardContent,
@@ -10,7 +7,7 @@ import {
 } from "@/components/ui/card";
 import { api } from "@/utils/api";
 import { RocketIcon } from "lucide-react";
-import React, { useState } from "react";
+import React from "react";
 import { toast } from "sonner";
 import { PreviewDeploymentCard } from "./preview-deployment-card";
 import { ShowPreviewSettings } from "./show-preview-settings";
@@ -95,7 +92,7 @@ export const ShowPreviewDeployments = ({ applicationId }: Props) => {
                           </div>
                         ) : (
                           <PreviewDeploymentCard
-                            key={previewDeployment?.previewDeploymentId}
+                            key={previewDeployment?.previewDeploymentId || ""}
                             appName={previewDeployment.appName}
                             serverId={data?.serverId || ""}
                             onDeploymentDelete={handleDeletePreviewDeployment}