edit registration

src/app/ui/payment/payment-tab-tariffs.tsx

@@ -1,4 +1,27 @@
+'use client'
+
+import { useEffect } from 'react';
+import { getUserData } from '@/app/actions/action';
+import { useQuery } from '@tanstack/react-query';
+
 export default function PaymentTabTariffs() {
+	const {
+		data: userData,
+		isLoading,
+		isError,
+		error
+	} = useQuery({
+		queryKey: ['userData'],
+		queryFn: () => {
+			return getUserData();
+		}
+	});
+
+	useEffect(() => {
+		console.log('show => userData');
+		console.log(userData);
+	}, [])
+
 	return (
 		<div className="tab-content">
 			<div className="billing-toggle">