import { useQuery } from '@tanstack/react-query'; import { Field, Form, Formik } from 'formik'; import { ShippingService, Gateways, } from '../../../features/shipping/shipping-service'; import { Button, Flex, Spinner } from '@wordpress/components'; export const GatewayEdit = () => { const { data } = useQuery({ queryKey: [`gateway`], queryFn: ShippingService.indexGateways, }); return ( <>

Shipping Gateway

{!data && ( )} {data && ( { ShippingService.updateGateways({ ...values, }).then(() => { setSubmitting(false); }); }} > {({ isSubmitting }) => (

)}
)} ); };