replace type assertion with instanceof check

src/components/pages/auth/otp-input.tsx

@@ -39,15 +39,15 @@ const OtpInput: FC<OtpInputProps> = ({
 
   const focusNext = (target: HTMLInputElement) => {
     const { nextElementSibling } = target
-    if (nextElementSibling) {
-      ;(nextElementSibling as HTMLInputElement).focus()
+    if (nextElementSibling instanceof HTMLInputElement) {
+      nextElementSibling.focus()
     }
   }
 
   const focusPrev = (target: HTMLInputElement) => {
     const { previousElementSibling } = target
-    if (previousElementSibling) {
-      ;(previousElementSibling as HTMLInputElement).focus()
+    if (previousElementSibling instanceof HTMLInputElement) {
+      previousElementSibling.focus()
     }
   }
 
@@ -67,8 +67,8 @@ const OtpInput: FC<OtpInputProps> = ({
 
     if (
       !isTargetValueDigit &&
-      nextElementSibling &&
-      (nextElementSibling as HTMLInputElement).value !== ''
+      nextElementSibling instanceof HTMLInputElement &&
+      nextElementSibling.value !== ''
     ) {
       return
     }
@@ -98,36 +98,39 @@ const OtpInput: FC<OtpInputProps> = ({
 
   const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {
     const { key, target } = e
-    const { value } = target as HTMLInputElement
 
-    if (key === 'ArrowRight' || key === 'ArrowDown') {
-      e.preventDefault()
-      return focusNext(target as HTMLInputElement)
-    }
+    if (target instanceof HTMLInputElement) {
+      const { value } = target
 
-    if (key === 'ArrowLeft' || key === 'ArrowUp') {
-      e.preventDefault()
-      return focusPrev(target as HTMLInputElement)
-    }
+      if (key === 'ArrowRight' || key === 'ArrowDown') {
+        e.preventDefault()
+        return focusNext(target)
+      }
 
-    ;(target as HTMLInputElement).setSelectionRange(0, value.length)
+      if (key === 'ArrowLeft' || key === 'ArrowUp') {
+        e.preventDefault()
+        return focusPrev(target)
+      }
 
-    if (key !== 'Backspace' || value !== '') {
-      return
-    }
+      target.setSelectionRange(0, value.length)
 
-    focusPrev(target as HTMLInputElement)
+      if (key !== 'Backspace' || value !== '') {
+        return
+      }
+
+      focusPrev(target)
+    }
   }
 
   const handleFocus = (e: FocusEvent<HTMLInputElement>) => {
     const { target } = e
     const { previousElementSibling, value } = target
 
     if (
-      previousElementSibling &&
-      (previousElementSibling as HTMLInputElement).value === ''
+      previousElementSibling instanceof HTMLInputElement &&
+      previousElementSibling.value === ''
     ) {
-      return (previousElementSibling as HTMLInputElement).focus()
+      return previousElementSibling.focus()
     }
 
     target.setSelectionRange(0, value.length)