create-sia-app 0.1.7 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-sia-app",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "type": "module",
   "bin": {
     "create-sia-app": "./dist/index.js"

package/template/src/components/auth/ApproveScreen.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import type { Builder } from '../../lib/sdk'
 import { useAuthStore } from '../../stores/auth'
 import { CopyButton } from '../CopyButton'
@@ -13,9 +13,13 @@ export function ApproveScreen({
   const [polling, setPolling] = useState(true)
   const [pollError, setPollError] = useState(false)
   const [manualChecking, setManualChecking] = useState(false)
+  const pollStarted = useRef(false)
 
   useEffect(() => {
-    let cancelled = false
+    // Guard against React strict mode double-mount — waitForApproval()
+    // consumes the builder's state and cannot be called twice.
+    if (pollStarted.current) return
+    pollStarted.current = true
 
     async function poll() {
       const b = builder.current
@@ -23,21 +27,14 @@ export function ApproveScreen({
 
       try {
         await b.waitForApproval()
-        if (!cancelled) {
-          setStep('recovery')
-        }
+        setStep('recovery')
       } catch {
-        if (!cancelled) {
-          setPolling(false)
-          setPollError(true)
-        }
+        setPolling(false)
+        setPollError(true)
       }
     }
 
     poll()
-    return () => {
-      cancelled = true
-    }
   }, [builder, setStep])
 
   async function handleManualCheck() {