diff --git a/examples/tic-tac-toe/ui/src/components/NewMultiSigGame.tsx b/examples/tic-tac-toe/ui/src/components/NewMultiSigGame.tsx
index d85a3fa86e3f1e..fc37d6cafabfa6 100644
--- a/examples/tic-tac-toe/ui/src/components/NewMultiSigGame.tsx
+++ b/examples/tic-tac-toe/ui/src/components/NewMultiSigGame.tsx
@@ -8,8 +8,8 @@ import { publicKeyFromRawBytes } from '@mysten/sui/verify';
 import { ExclamationTriangleIcon } from '@radix-ui/react-icons';
 import { Box, Button, Em, Flex, Separator, Spinner, Text, TextField } from '@radix-ui/themes';
 import { ComputedField } from 'components/ComputedField';
-import { useExecutor } from 'hooks/useExecutor';
 import { useTransactions } from 'hooks/useTransactions';
+import { useExecutor } from 'mutations/useExecutor';
 import { ReactElement, useState } from 'react';
 
 /**
@@ -67,7 +67,11 @@ export function NewMultiSigGame(): ReactElement {
 			/>
 			<Flex justify="between" mt="4">
 				<Validation hasPlayer={hasPlayer} hasOpponent={hasOpponent} />
-				<Button variant="outline" disabled={!(publicKey && opponent) || isPending} onClick={onClick}>
+				<Button
+					variant="outline"
+					disabled={!(publicKey && opponent) || isPending}
+					onClick={onClick}
+				>
 					{isPending ? <Spinner /> : null} Play
 				</Button>
 			</Flex>
diff --git a/examples/tic-tac-toe/ui/src/components/NewSharedGame.tsx b/examples/tic-tac-toe/ui/src/components/NewSharedGame.tsx
index 6b50e7176d40a1..613a6d77db8421 100644
--- a/examples/tic-tac-toe/ui/src/components/NewSharedGame.tsx
+++ b/examples/tic-tac-toe/ui/src/components/NewSharedGame.tsx
@@ -5,8 +5,8 @@ import { useCurrentAccount } from '@mysten/dapp-kit';
 import { isValidSuiAddress, normalizeSuiAddress } from '@mysten/sui/utils';
 import { ExclamationTriangleIcon } from '@radix-ui/react-icons';
 import { Box, Button, Em, Flex, Separator, Spinner, Text, TextField } from '@radix-ui/themes';
-import { useExecutor } from 'hooks/useExecutor';
 import { useTransactions } from 'hooks/useTransactions';
+import { useExecutor } from 'mutations/useExecutor';
 import { ReactElement, useState } from 'react';
 
 import { ComputedField } from './ComputedField';
diff --git a/examples/tic-tac-toe/ui/src/hooks/useExecutor.ts b/examples/tic-tac-toe/ui/src/mutations/useExecutor.ts
similarity index 100%
rename from examples/tic-tac-toe/ui/src/hooks/useExecutor.ts
rename to examples/tic-tac-toe/ui/src/mutations/useExecutor.ts
diff --git a/examples/tic-tac-toe/ui/src/pages/Game.tsx b/examples/tic-tac-toe/ui/src/pages/Game.tsx
index e5f6d7cf28f61f..37dd9c89cee550 100644
--- a/examples/tic-tac-toe/ui/src/pages/Game.tsx
+++ b/examples/tic-tac-toe/ui/src/pages/Game.tsx
@@ -11,11 +11,11 @@ import { Board } from 'components/Board';
 import { Error } from 'components/Error';
 import { IDLink } from 'components/IDLink';
 import { Loading } from 'components/Loading';
-import { useExecutor } from 'hooks/useExecutor';
 import { Game as GameData, InvalidateGameQuery, Mark, useGameQuery } from 'hooks/useGameQuery';
 import { useTransactions } from 'hooks/useTransactions';
 import { InvalidateTrophyQuery, Trophy, useTrophyQuery } from 'hooks/useTrophyQuery';
 import { useTurnCapQuery } from 'hooks/useTurnCapQuery';
+import { useExecutor } from 'mutations/useExecutor';
 import { ReactElement } from 'react';
 
 type Props = {