diff --git a/web/apps/photos/src/components/Export.tsx b/web/apps/photos/src/components/Export.tsx
index c7bf0dcca3..5de70a419e 100644
--- a/web/apps/photos/src/components/Export.tsx
+++ b/web/apps/photos/src/components/Export.tsx
@@ -299,16 +299,7 @@ const ContinuousExport: React.FC<ContinuousExportProps> = ({
     </SpacedRow>
 );
 
-const ExportDynamicContent = ({
-    exportStage,
-    startExport,
-    stopExport,
-    onHide,
-    lastExportTime,
-    exportProgress,
-    pendingExports,
-    allCollectionsNameByID,
-}: {
+interface ExportDynamicContentProps {
     exportStage: ExportStage;
     startExport: (opts?: ExportOpts) => void;
     stopExport: () => void;
@@ -317,6 +308,17 @@ const ExportDynamicContent = ({
     exportProgress: ExportProgress;
     pendingExports: EnteFile[];
     allCollectionsNameByID: Map<number, string>;
+}
+
+const ExportDynamicContent: React.FC<ExportDynamicContentProps> = ({
+    exportStage,
+    startExport,
+    stopExport,
+    onHide,
+    lastExportTime,
+    exportProgress,
+    pendingExports,
+    allCollectionsNameByID,
 }) => {
     switch (exportStage) {
         case ExportStage.init: