fix withBlur types

src/renderer/src/components/ExportModeButton.tsx

@@ -54,7 +54,7 @@ function ExportModeButton({ selectedSegments, style }: { selectedSegments: unkno
     <Select
       style={{ height: 20, ...style }}
       value={effectiveExportMode}
-      onChange={withBlur((e) => onChange(e.target.value))}
+      onChange={withBlur((e) => onChange(e.target.value as ExportMode))}
     >
       <option key="disabled" value="" disabled>{t('Export mode')}</option>
 

src/renderer/src/components/MovFastStartButton.tsx

@@ -1,6 +1,5 @@
 import { memo } from 'react';
 
-import { withBlur } from '../util';
 import useUserSettings from '../hooks/useUserSettings';
 import Switch from './Switch';
 
@@ -9,7 +8,7 @@ function MovFastStartButton() {
   const { movFastStart, toggleMovFastStart } = useUserSettings();
 
   return (
-    <Switch checked={movFastStart} onCheckedChange={withBlur(toggleMovFastStart)} />
+    <Switch checked={movFastStart} onCheckedChange={toggleMovFastStart} />
   );
 }
 

src/renderer/src/components/PreserveMovDataButton.tsx

@@ -1,6 +1,5 @@
 import { memo } from 'react';
 
-import { withBlur } from '../util';
 import useUserSettings from '../hooks/useUserSettings';
 import Switch from './Switch';
 
@@ -9,7 +8,7 @@ function PreserveMovDataButton() {
   const { preserveMovData, togglePreserveMovData } = useUserSettings();
 
   return (
-    <Switch checked={preserveMovData} onCheckedChange={withBlur(togglePreserveMovData)} />
+    <Switch checked={preserveMovData} onCheckedChange={togglePreserveMovData} />
   );
 }
 

src/renderer/src/util.ts

@@ -165,10 +165,11 @@ export function filenamify(name: string) {
   return name.replaceAll(/[^\w.-]/g, '_');
 }
 
-export function withBlur(cb) {
+// eslint-disable-next-line space-before-function-paren
-  return (e) => {
+export function withBlur<T extends { target?: { blur?: () => unknown } | object }>(cb: (a: T) => void) {
+  return (e: T) => {
     cb(e);
-    e.target?.blur();
+    if (e.target && 'blur' in e.target) e.target?.blur?.();
   };
 }