UPDATE: FIx bug

src/components/card/characterCard.tsx

@@ -42,9 +42,9 @@ export default function CharacterCard({ data }: CharacterCardProps) {
             height={48}
             unoptimized
             crossOrigin="anonymous"
-            src={`/icon/${data.damageType.toLowerCase()}.webp`}
+            src={`/icon/${data?.damageType?.toLowerCase()}.webp`}
             className="absolute top-0 left-0 w-6 h-6"
-            alt={data.damageType.toLowerCase()}
+            alt={data?.damageType?.toLowerCase()}
           />
           <Image
             width={48}

src/components/lineupbar/index.tsx

@@ -29,8 +29,8 @@ export default function LineupBar() {
     const totalTurn = useCalcTotalTurnAvatar(selectedCharacter ? Number(selectedCharacter.id) : 0)
 
 
-    const lineupAvatars = listAvatar.filter(item =>
-        lineup.some(av => av.avatarId.toString() === item.id)
+    const lineupAvatars = listAvatar?.filter(item =>
+        lineup?.some(av => av?.avatarId?.toString() === item.id)
     );
 
     const handleShow = (modalId: string, item: CharacterBasic) => {
@@ -103,7 +103,7 @@ export default function LineupBar() {
                 ) : (
                     <div className="h-full w-full overflow-x-auto md:overflow-x-hidden md:overflow-y-auto rounded-lg">
                         <div className="flex flex-nowrap md:grid md:grid-cols-1 w-fit md:w-full justify-items-center items-start gap-2">
-                            {lineupAvatars.map((item, index) => {
+                            {lineupAvatars?.map((item, index) => {
                                 const lastTurnAvatarId = turnHistory.findLast(i => i?.avatarId)?.avatarId || -1;
                                 const isLastTurn = item.id === lastTurnAvatarId.toString();