fix undefined bug

ui/frontend/build_src/src/components/organisms/displayPanel/completedImages/index.tsx

@@ -25,6 +25,12 @@ export default function CompletedImages({
     <div className={completedImagesMain}>
       {images &&
         images.map((image, index) => {
+
+          if (void 0 === image) {
+            console.warn(`image ${index} is undefined`);
+            return null;
+          }
+
           return (
             <button
               key={index}

ui/frontend/build_src/src/components/organisms/displayPanel/index.tsx

@@ -97,8 +97,11 @@ export default function DisplayPanel() {
           }
         })
         .flat()
-        .reverse();
+        .reverse()
+        .filter((item) => void 0 !== item); // remove undefined items
+
       setCompletedImages(temp);
+      debugger;
       setCurrentImage(temp[0] || null);
     } else {
       setCompletedImages([]);
@@ -113,6 +116,7 @@ export default function DisplayPanel() {
         <CurrentDisplay image={currentImage}></CurrentDisplay>
       </div>
       <div className={previousImages}>
+
         <CompletedImages
           images={completedImages}
           setCurrentDisplay={setCurrentImage}