diff --git a/src/features/auth/authTypes.ts b/src/features/auth/authTypes.ts
index 4a04f19..fe6abfe 100644
--- a/src/features/auth/authTypes.ts
+++ b/src/features/auth/authTypes.ts
@@ -21,4 +21,4 @@ export interface SendOtpResponse {
   phoneNumber: string;
 }
 
-export interface VerifyOtpResponse extends LoginSuccessPayload {}
+export type VerifyOtpResponse = LoginSuccessPayload;
diff --git a/src/pages/VerifyOtp/VerifyOtp.tsx b/src/pages/VerifyOtp/VerifyOtp.tsx
index 40039ba..8634517 100644
--- a/src/pages/VerifyOtp/VerifyOtp.tsx
+++ b/src/pages/VerifyOtp/VerifyOtp.tsx
@@ -1,4 +1,4 @@
-import { Button, Card, Form, Input, Typography, message } from 'antd';
+import { Button, Card, Form, Input, Typography, message, type InputRef } from 'antd';
 import { useEffect, useRef, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useAppDispatch } from '../../utils/hooks';
@@ -16,16 +16,11 @@ interface VerifyOtpFormValues {
 const VerifyOtp = () => {
   const navigate = useNavigate();
   const dispatch = useAppDispatch();
-  const [phoneNumber, setPhoneNumber] = useState('');
+  const [phoneNumber] = useState(() => localStorage.getItem('pending_phone_number') ?? '');
   const [form] = Form.useForm<VerifyOtpFormValues>();
-  const otpInputRef = useRef<any>(null);
+  const otpInputRef = useRef<InputRef>(null);
 
   useEffect(() => {
-    const storedPhoneNumber = localStorage.getItem('pending_phone_number');
-    if (storedPhoneNumber) {
-      setPhoneNumber(storedPhoneNumber);
-    }
-
     const timeoutId = window.setTimeout(() => {
       otpInputRef.current?.focus();
     }, 100);