fix(otp-input): prevent breaking onFocus when ref is null

guilhermerodz · Feb 19, 2024 · 039974a · 039974a
1 parent 95531c8
commit 039974a
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/input.tsx b/src/input.tsx
@@ -266,11 +266,13 @@ export const OTPInput = React.forwardRef<HTMLInputElement, OTPInputProps>(
           props.onKeyUp?.(e)
         }}
         onFocus={e => {
-          const start = Math.min(inputRef.current.value.length, maxLength - 1)
-          const end = inputRef.current.value.length
-          inputRef.current?.setSelectionRange(start, end)
-          setMirrorSelectionStart(start)
-          setMirrorSelectionEnd(end)
+          if (inputRef.current) {
+            const start = Math.min(inputRef.current.value.length, maxLength - 1)
+            const end = inputRef.current.value.length
+            inputRef.current?.setSelectionRange(start, end)
+            setMirrorSelectionStart(start)
+            setMirrorSelectionEnd(end)
+          }
           setIsFocused(true)
 
           props.onFocus?.(e)