link error isued fixed

src/components/account_view/AccountViewCom.jsx

@@ -14,12 +14,12 @@ import CustomerPaymentsView from "./CustomerPaymentsView";
 
 export default function AccountViewCom() {
 
-    const {state:{memberUID}} = useLocation()
+    const {state} = useLocation()
     const navigate = useNavigate()
 
     useEffect(()=>{
-        if(!memberUID){
-            navigate(RouteLinks.customerPage, {replace: true})
+        if(!state?.memberUID){
+            navigate(RouteLinks.homePage, {replace: true})
         }
     },[])
 
@@ -28,7 +28,7 @@ export default function AccountViewCom() {
         queryFn: () => {
             // const filterData = filter?.type ? {[filter?.type]: filter.id} : {}
             const reqData = {
-                member_uid: memberUID
+                member_uid: state?.memberUID
                 // page,
                 // ...filterData
             }
@@ -45,7 +45,7 @@ export default function AccountViewCom() {
 
     return (
         <div className='w-full flex flex-col gap-8'>
-            <BreadcrumbCom title={`Account View [${memberUID}]`} paths={['Dashboard', 'Account View']}/>
+            <BreadcrumbCom title={`Account View [${state?.memberUID}]`} paths={['Dashboard', 'Account View']}/>
 
             <div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
                 {isFetching ? 
@@ -58,7 +58,7 @@ export default function AccountViewCom() {
                         <>
                             <CustomerAccountView accountInfo={account_info} />
                             <AccountProfileView profile={account_profile} />
-                            <CustomerSubscriptionsView subscriptions={subscriptions} memberUID={memberUID} />
+                            <CustomerSubscriptionsView subscriptions={subscriptions} />
                             <CustomerPaymentsView payments={payments} />
                         </>
 

src/components/account_view/CustomerSubscriptionsView.jsx

@@ -3,7 +3,7 @@ import RouteLinks from "../../RouteLinks";
 import Icons from "../Icons";
 import {Link} from 'react-router-dom'
 
-export default function CustomerSubscriptionsView({subscriptions, memberUID}) {
+export default function CustomerSubscriptionsView({subscriptions}) {
     return <>
         <div className="pb-5">
             <div className="flex flex-col gap-1">
@@ -70,7 +70,7 @@ export default function CustomerSubscriptionsView({subscriptions, memberUID}) {
                                             <div className='flex items-center justify-end gap-3 md:gap-4'>
                                                 <div
                                                     className='p-2 flex justify-center items-center text-slate-500 bg-white-body dark:text-white-body dark:bg-black-body rounded-md'>
-                                                    <Link to={`/subscription-view/${item?.subscription_uid}`} state={{customerID: item?.id, memberUID}}>
+                                                    <Link to={`/subscription-view/${item?.subscription_uid}`} state={{customerID: item?.id, subscriptionUID: item?.subscription_uid}}>
                                                         <Icons name='eye'/>
                                                     </Link>
                                                 </div>