update the example with array method

vojtatranta · Nov 26, 2024 · 9cedb47 · 9cedb47
1 parent 9d0c1f8
commit 9cedb47
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -24,7 +24,9 @@ function FilePickerComponent({
     <input
       type="file"
       onChange={Maybe.asInput((event: ChangeEvent<HTMLInputElement>) =>
-        Maybe.of(event.target.files?.[0]).map(doSomethingWithTheFile)
+        Maybe.fromFirst(Array.from(event.target.files ?? [])).map(
+          doSomethingWithTheFile
+        )
       )}
     />
   );

diff --git a/src/App.tsx b/src/App.tsx
@@ -12,7 +12,9 @@ function FilePickerComponent({
     <input
       type="file"
       onChange={Maybe.asInput((event: ChangeEvent<HTMLInputElement>) =>
-        Maybe.of(event.target.files?.[0]).map(doSomethingWithTheFile)
+        Maybe.fromFirst(Array.from(event.target.files ?? [])).map(
+          doSomethingWithTheFile
+        )
       )}
     />
   );