fix: use asMulti for first multisig approval to store call data (#12062)

packages/react-signer/src/TxSigned.tsx

@@ -173,7 +173,11 @@ async function wrapTx (api: ApiPromise, currentItem: QueueTx, { isMultiCall, mul
       timepoint = info.unwrap().when;
     }
 
-    tx = isMultiCall
+    // Check if this is the first approval (no existing multisig)
+    const isFirstApproval = info.isNone;
+    const shouldUseAsMulti = isFirstApproval || isMultiCall;
+
+    tx = shouldUseAsMulti
       ? api.tx[multiModule].asMulti.meta.args.length === 5
         // We are doing toHex here since we have a Vec<u8> input
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument