fix: file input reset

getezy · Aug 21, 2022 · 77004fd · 77004fd
1 parent a820ad6
commit 77004fd
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/app/components/file-input/file.input.tsx b/src/app/components/file-input/file.input.tsx
@@ -5,7 +5,7 @@ import React from 'react';
 
 export type FileInputProps = Partial<Omit<InputProps, 'type' | 'value' | 'onChange'>> & {
   buttonColor?: NormalColors;
-  value?: string | undefined;
+  value?: string | null | undefined;
 
   onChange: (path: string | undefined) => void;
 };
@@ -20,6 +20,10 @@ export const FileInput = React.forwardRef<HTMLInputElement, FileInputProps>(
   ({ accept, buttonColor, onChange, value, readOnly = false, ...props }, ref) => {
     const [inputValue, setInputValue] = React.useState(value);
 
+    React.useEffect(() => {
+      setInputValue(value);
+    }, [value]);
+
     const handleDialogOpenButtonClick = async () => {
       const paths = await window.electronDialog.open({ properties: ['openFile'] });