From eb63f580e0ae74ee2f97a1da0d2aefe6926440d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Afra=20=E2=80=8C?= <afra@Afras-MacBook-Air.local>
Date: Sat, 1 Aug 2026 16:13:11 +0330
Subject: [PATCH] fix: resolve type errors

---
 src/features/auth/authTypes.ts    |  2 +-
 src/pages/VerifyOtp/VerifyOtp.tsx | 11 +++--------
 2 files changed, 4 insertions(+), 9 deletions(-)

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);