add invalidateQueries for payoutMethods

2026-02-25 18:32:42 +07:00
parent d18071e533
commit c8f2233e24
1 changed files with 3 additions and 1 deletions
@@ -6,7 +6,7 @@ import { ChangeEvent, useState, useActionState, useEffect } from 'react';
 import BankCardInput from '@/app/ui/inputs/bank-card-inpit';
 import { addPayoutMethod, PayoutMethodFormState, getPayoutMethods, PayoutMethods } from '@/app/actions/referralsActions';
 import { bankCardFormSchema } from '@/app/actions/definitions';
-import { useQuery } from '@tanstack/react-query';
+import { useQuery, useQueryClient } from '@tanstack/react-query';

 export default function SettingReferralProgram() {
 	const [state, formAction, isPending] = useActionState(
@@ -35,10 +35,12 @@ export default function SettingReferralProgram() {
 	const [paymentsType, setPaymentsType] = useState('bank-card');
 	const [defaultCardNumber, setDefaultCardNumber] = useState<PayoutMethods | undefined>(undefined);
 	const [isEditing, setIsEditing] = useState(false);
+	const queryClient = useQueryClient();
 	const t = useTranslations('Global');

 	useEffect(() => {
 		setFormState(state);
+		queryClient.invalidateQueries({ queryKey: ['payoutMethods'] });
 	}, [state]);

 	useEffect(() => {