fixed bug

src/components/Dashboard/DashboardHomeIntro.tsx

@@ -210,7 +210,7 @@ const DashboardHomeIntro: FC<DashboardHomeIntroProps> = ({
                             </button> 
                           </td>
                           <td className="flex justify-end px-1 py-2 text-right">
-                            <button className="flex flex-nowrap items-center px-2 py-1 border-2 border-black" onClick={()=>navigate(RouteHandler.dashboardPayments, {state:{uid: item?.application_uid}})}>
+                            <button className="flex flex-nowrap items-center px-2 py-1 border-2 border-black" onClick={()=>navigate(RouteHandler.dashboardPayments, {state:{application_uid: item?.application_uid}})}>
                               View
                               <Icons name="arrow-right" />
                             </button>

src/components/Dashboard/referenceDetails/ReferenceDetails.tsx

@@ -59,9 +59,13 @@ export default function ReferenceDetails() {
     console.log(values)
   };
 
-  const [loanDetail, setLoanDetail] = useState<{loading:Boolean, data:any}>({
+  const [loanDetail, setLoanDetail] = useState<{loading:boolean, data:LoanDetail}>({
     loading: true,
-    data: {},
+    data: {
+      loan_amount: '',
+    payment_month: '',
+    sales_agent: '',
+    },
   })
   useEffect(()=>{
     if(!stateExist){
@@ -72,11 +76,12 @@ export default function ReferenceDetails() {
       setLoanDetail({loading:false, data:res?.data?.loan})
       }).catch(err => {
         console.log(err)
-        setLoanDetail({loading:false, data:{}})
+        setLoanDetail((prev:any) => ({...prev, loading:false}))
       })
   },[])
 
-  const formInitialValue:LoanDetail = (loanDetail.loading) ? initialValues : loanDetail?.data
+  // const formInitialValue:LoanDetail = (loanDetail.loading) ? initialValues : loanDetail?.data
+  const formInitialValue = (loanDetail.loading || Object.keys(loanDetail?.data)?.length < 1) ? initialValues : {...initialValues, ...loanDetail?.data}
 
   return (
     <>