Copilot comments

Author: jpggvilaca

application/ui/src/features/dataset/media-preview/media-preview.component.tsx

@@ -80,8 +80,8 @@ export const MediaPreview = ({ mediaItem, close, onSelectedMediaItem }: MediaPre
                     <AnnotationActionsProvider
                         mediaItem={mediaItem}
                         key={mediaItem.id}
-                        initialAnnotationsDTO={annotationsData?.annotations}
-                        isUserReviewed={annotationsData?.user_reviewed}
+                        initialAnnotationsDTO={annotationsData?.annotations ?? []}
+                        isUserReviewed={annotationsData?.user_reviewed ?? false}
                     >
                         <ZoomProvider>
                             <Suspense fallback={<CanvasAreaLoading />}>

application/ui/src/features/dataset/media-preview/primary-toolbar/undo-redo/undo-redo.component.tsx

@@ -14,7 +14,7 @@ export const UndoRedo = ({ isDisabled }: { isDisabled?: boolean }) => {
     // useHotkeys(HOTKEYS.redo, redo, [redo]);
 
     return (
-        <Flex alignItems='center' direction={'column'} justify-content='center' data-testid='undo-redo-tools'>
+        <Flex alignItems='center' direction={'column'} justifyContent={'center'} data-testid='undo-redo-tools'>
             <ActionButton
                 isQuiet
                 id='undo-button'

application/ui/src/shared/annotator/annotation-actions-provider.component.tsx

@@ -87,9 +87,7 @@ export const AnnotationActionsProvider = ({
         if (localFormattedAnnotations.length > 0) {
             undoRedoActions.reset(localFormattedAnnotations);
         }
-
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [localFormattedAnnotations.length]);
+    }, [localFormattedAnnotations, undoRedoActions]);
 
     const updateAnnotations = (updatedAnnotations: Annotation[]) => {
         const updatedMap = new Map(updatedAnnotations.map((ann) => [ann.id, ann]));