diff --git a/src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx b/src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx
index dfc7834..277c5cd 100644
--- a/src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx
+++ b/src/components/cardStack/layouts/timelines/TimelinePhoneView.tsx
@@ -1,8 +1,14 @@
-import React, { useRef } from "react";
+import React from "react";
 import { useCardAnimation } from "@/components/cardStack/hooks/useCardAnimation";
 
+interface TimelinePhoneViewItem {
+  id: string;
+  label: string;
+  detail: string;
+}
+
 interface TimelinePhoneViewProps {
-  items?: any[];
+  items?: TimelinePhoneViewItem[];
 }
 
 export default function TimelinePhoneView({ items = [] }: TimelinePhoneViewProps) {
@@ -16,8 +22,8 @@ export default function TimelinePhoneView({ items = [] }: TimelinePhoneViewProps
 
   return (
     <div className="timeline-phone-view">
-      {items.map((item, index) => (
-        <div key={index} className="timeline-item">
+      {items.map((item) => (
+        <div key={item.id} className="timeline-item">
           {item.label}
         </div>
       ))}