fix: prevent multiple account creations in the same flow.

ui/components/multichain/create-snap-account/create-snap-account.test.tsx

@@ -144,4 +144,17 @@ describe('CreateSnapAccount', () => {
       });
     });
   });
+
+  it('only calls createAccount once', async () => {
+    const { getByTestId } = render();
+
+    const createButton = getByTestId('submit-add-account-with-name');
+    fireEvent.click(createButton);
+    fireEvent.click(createButton);
+    fireEvent.click(createButton);
+
+    await waitFor(() => {
+      expect(mockCreateAccount).toHaveBeenCalledTimes(1);
+    });
+  });
 });

ui/components/multichain/create-snap-account/create-snap-account.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useRef } from 'react';
 import { CaipChainId } from '@metamask/utils';
 import { KeyringTypes } from '@metamask/keyring-controller';
 import { getNextAvailableAccountName } from '../../../store/actions';
@@ -43,10 +43,16 @@ export const CreateSnapAccount = ({
   chainId,
 }: CreateSnapAccountProps) => {
   const snapClient = useMultichainWalletSnapClient(clientType);
+  const isCreatingAccount = useRef(false);
 
   const onCreateAccount = useCallback(
     async (_accountNameSuggestion?: string) => {
+      if (isCreatingAccount.current) {
+        return;
+      }
+
       try {
+        isCreatingAccount.current = true;
         await snapClient.createAccount({
           scope: chainId,
           ///: BEGIN:ONLY_INCLUDE_IF(multi-srp)
@@ -57,6 +63,8 @@ export const CreateSnapAccount = ({
         onActionComplete(true);
       } catch (error) {
         onActionComplete(false);
+      } finally {
+        isCreatingAccount.current = false;
       }
     },
     [snapClient, chainId, selectedKeyringId, onActionComplete],