diff --git a/playground/nextjs-app-router/components/AppProvider.tsx b/playground/nextjs-app-router/components/AppProvider.tsx
index fb37ad9d5b..0072acb594 100644
--- a/playground/nextjs-app-router/components/AppProvider.tsx
+++ b/playground/nextjs-app-router/components/AppProvider.tsx
@@ -50,8 +50,9 @@ export const AppProvider = ({ children }: { children: React.ReactNode }) => {
     useState<OnchainKitComponent>();
   const [walletType, setWalletTypeState] = useState<WalletPreference>();
   const [chainId, setChainIdState] = useState<number>();
-  const [transactionType, setTransactionTypeState] =
-    useState<TransactionTypes>();
+  const [transactionType, setTransactionTypeState] = useState<TransactionTypes>(
+    TransactionTypes.Contracts,
+  );
   const [paymasters, setPaymastersState] =
     useState<Record<number, Paymaster>>();