use Nullable.forEach

Author: aspeddro

pages/docs/react/latest/forwarding-refs.mdx

@@ -108,7 +108,7 @@ let make = () => {
   let input = React.useRef(Nullable.null)
 
   let focusInput = () =>
-    input.current->Nullable.toOption->Option.forEach(input => input->focus)
+    input.current->Nullable.forEach(input => input->focus)
 
   let onClick = _ => focusInput()
 

src/Playground.res

@@ -542,9 +542,9 @@ module WarningFlagsWidget = {
     // Used for the text input
     let inputRef = React.useRef(Nullable.null)
 
-    let focusInput = () => inputRef.current->Nullable.toOption->Option.forEach(el => el->focus)
+    let focusInput = () => inputRef.current->Nullable.forEach(el => el->focus)
 
-    let blurInput = () => inputRef.current->Nullable.toOption->Option.forEach(el => el->blur)
+    let blurInput = () => inputRef.current->Nullable.forEach(el => el->blur)
 
     let chips = Array.mapWithIndex(flags, (token, i) => {
       let {WarningFlagDescription.Parser.flag: flag, enabled} = token

src/components/SearchBox.res

@@ -25,7 +25,7 @@ let make = (
     onClear()
   }
 
-  let focusInput = () => textInput.current->Nullable.toOption->Option.forEach(el => el->focus)
+  let focusInput = () => textInput.current->Nullable.forEach(el => el->focus)
 
   let onAreaFocus = evt => {
     let el = ReactEvent.Focus.target(evt)