happy path

ui/addressVerification/AddressVerificationModal.tsx

 import { Icon, Modal, ModalBody, ModalCloseButton, ModalContent, ModalHeader, ModalOverlay, Link } from '@chakra-ui/react';
+import { useQueryClient } from '@tanstack/react-query';
 import React from 'react';
 
 import type { AddressVerificationFormFirstStepFields, AddressCheckStatusSuccess } from './types';
+import type { VerifiedAddress, VerifiedAddressResponse } from 'types/api/account';
 
+import appConfig from 'configs/app/config';
 import eastArrowIcon from 'icons/arrows/east.svg';
+import { getResourceKey } from 'lib/api/useApiQuery';
 import Web3ModalProvider from 'ui/shared/Web3ModalProvider';
 
 import AddressVerificationStepAddress from './steps/AddressVerificationStepAddress';
@@ -19,14 +23,27 @@ const AddressVerificationModal = ({ isOpen, onClose }: Props) => {
   const [ stepIndex, setStepIndex ] = React.useState(0);
   const [ data, setData ] = React.useState<AddressVerificationFormFirstStepFields & AddressCheckStatusSuccess>({ address: '', signingMessage: '' });
 
+  const queryClient = useQueryClient();
+
   const handleGoToSecondStep = React.useCallback((firstStepResult: typeof data) => {
     setData(firstStepResult);
     setStepIndex((prev) => prev + 1);
   }, []);
 
-  const handleGoToThirdStep = React.useCallback(() => {
+  const handleGoToThirdStep = React.useCallback((newItem: VerifiedAddress) => {
+    queryClient.setQueryData(
+      getResourceKey('verified_addresses', { pathParams: { chainId: appConfig.network.id } }),
+      (prevData: VerifiedAddressResponse | undefined) => {
+        if (!prevData) {
+          return { verifiedAddresses: [ newItem ] };
+        }
+
+        return {
+          verifiedAddresses: [ newItem, ...prevData.verifiedAddresses ],
+        };
+      });
     setStepIndex((prev) => prev + 1);
-  }, []);
+  }, [ queryClient ]);
 
   const handleGoToPrevStep = React.useCallback(() => {
     setStepIndex((prev) => prev - 1);

ui/addressVerification/steps/AddressVerificationStepSignature.tsx

@@ -12,6 +12,7 @@ import type {
   AddressVerificationResponseError,
   AddressValidationResponseSuccess,
 } from '../types';
+import type { VerifiedAddress } from 'types/api/account';
 
 import appConfig from 'configs/app/config';
 import type { ResourceError } from 'lib/api/resources';
@@ -23,7 +24,7 @@ import AddressVerificationFieldSignature from '../fields/AddressVerificationFiel
 type Fields = RootFields & AddressVerificationFormSecondStepFields;
 
 interface Props extends AddressVerificationFormFirstStepFields, AddressCheckStatusSuccess{
-  onContinue: () => void;
+  onContinue: (newItem: VerifiedAddress) => void;
 }
 
 const AddressVerificationStepSignature = ({ address, signingMessage, contractCreator, contractOwner, onContinue }: Props) => {
@@ -79,7 +80,7 @@ const AddressVerificationStepSignature = ({ address, signingMessage, contractCre
         }
       }
 
-      onContinue();
+      onContinue(response.result.verifiedAddress);
     } catch (_error: unknown) {
       const error = _error as ResourceError<AddressVerificationResponseError>;
       setError('root', { type: 'manual', message: error.payload?.message || 'Oops! Something went wrong' });