force page to reload after successful transaction

src/components/MyWallet/AddRecipient.jsx

@@ -108,7 +108,7 @@ function AddRecipient() {
             }
             // setRequestStatus({message: 'Recipient Added Successfully!', loading: false, status: true})
             toast.success("Recipient Added Successfully!");
-            setTimeout(()=>{navigate('../transfer-fund',{replace:true})},1000)
+            setTimeout(()=>{navigate('/my-wallet/transfer-fund',{replace:true})},1000)
         }).catch((error)=>{
             setRequestStatus({message: 'Opps! an error occured! Try again later', loading: false, status: false})
         })    

src/components/MyWallet/ConfirmAddFund.jsx

@@ -39,6 +39,7 @@ function ConfirmAddFund({payment}) {
              toast.success('Account Topup was sucessful')
             setTimeout(()=>{
                 navigate('/my-wallet', {replace: true})
+                window.location.reload(true)
             }, 1000)
         }).catch(err => {
             // do something
@@ -78,7 +79,7 @@ function ConfirmAddFund({payment}) {
     useEffect(()=>{
         // what happens if not state redirect user
         if(!state){
-            navigate('../add-fund',{replace: true})
+            navigate('/my-wallet/add-fund',{replace: true})
         }else{
             setPageLoading(false)
         }

src/components/MyWallet/ConfirmTransfer.jsx

@@ -34,7 +34,8 @@ function ConfirmTransfer({payment, wallet}) {
             setRequestStatus({message: 'transfer successful', loading: false, status: true})
             toast.success('Transfer sucessful')
             setTimeout(()=>{
-                navigate('/', {replace: true})
+                navigate('/my-wallet', {replace: true})
+                window.location.reload(true)
             }, 1000)
         }).catch(error=>{
             setRequestStatus({message: 'Opps! something went wrong! Try Again', loading: false, status: false})
@@ -44,7 +45,7 @@ function ConfirmTransfer({payment, wallet}) {
     useEffect(()=>{
         // what happens if not state redirect user
         if(!state){
-            navigate('../transfer-fund',{replace: true})
+            navigate('/my-wallet/transfer-fund',{replace: true})
         }else{
             setPageLoading(false)
         }

src/components/Settings/Tabs/PersonalInfoTab.jsx

@@ -51,7 +51,7 @@ export default function PersonalInfoTab({
 }) {
 
   let {userDetails} = useSelector((state) => state.userDetails)
-  console.log('USERDETAILS', userDetails)
+  
   const apiCall = new usersService()
 
   let navigate = useNavigate()