@blinkdotnew/sdk 0.14.9 → 0.14.10

package/README.md

@@ -187,9 +187,13 @@ await blink.auth.updateMe({ displayName: 'New Name' })
 blink.auth.setToken(jwt, persist?)
 const isAuth = blink.auth.isAuthenticated()
 
-// Auth state listener
+// Auth state listener (REQUIRED for React apps!)
 const unsubscribe = blink.auth.onAuthStateChanged((state) => {
   console.log('Auth state:', state)
+  // state.user - current user or null
+  // state.isLoading - true while auth is initializing
+  // state.isAuthenticated - true if user is logged in
+  // state.tokens - current auth tokens
 })
 ```
 
@@ -1390,6 +1394,44 @@ function MyRealtimeComponent() {
 
 ### React
 
+**⚠️ Critical: Always Use Auth State Listener, Never One-Time Checks**
+
+The most common authentication mistake is checking auth status once instead of listening to changes:
+
+```typescript
+// ❌ WRONG - One-time check misses auth completion
+useEffect(() => {
+  const checkAuth = async () => {
+    try {
+      const userData = await blink.auth.me()
+      setUser(userData)
+    } catch (error) {
+      console.error('Auth check failed:', error)
+    } finally {
+      setLoading(false)
+    }
+  }
+  checkAuth() // Only runs once - misses when auth completes later!
+}, [])
+
+// ✅ CORRECT - Listen to auth state changes
+useEffect(() => {
+  const unsubscribe = blink.auth.onAuthStateChanged((state) => {
+    setUser(state.user)
+    setLoading(state.isLoading)
+  })
+  return unsubscribe
+}, [])
+```
+
+**Why the one-time check fails:**
+1. App loads → `blink.auth.me()` called immediately
+2. Auth still initializing → Call fails, user set to `null`
+3. Auth completes later → App never knows because it only checked once
+4. User stuck on "Please sign in" screen forever
+
+**Always use `onAuthStateChanged()` for React apps!**
+
 ```typescript
 import { createClient } from '@blinkdotnew/sdk'
 import { useState, useEffect } from 'react'
@@ -1398,19 +1440,46 @@ const blink = createClient({ projectId: 'your-project', authRequired: true })
 
 function App() {
   const [user, setUser] = useState(null)
+  const [loading, setLoading] = useState(true)
 
   useEffect(() => {
     const unsubscribe = blink.auth.onAuthStateChanged((state) => {
       setUser(state.user)
+      setLoading(state.isLoading)
     })
     return unsubscribe
   }, [])
 
+  if (loading) return <div>Loading...</div>
   if (!user) return <div>Please log in</div>
 
   return <div>Welcome, {user.email}!</div>
 }
 
+// ❌ WRONG - One-time auth check (misses auth state changes)
+function BadApp() {
+  const [user, setUser] = useState(null)
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    const checkAuth = async () => {
+      try {
+        const userData = await blink.auth.me()
+        setUser(userData)
+      } catch (error) {
+        console.error('Auth check failed:', error)
+      } finally {
+        setLoading(false)
+      }
+    }
+
+    checkAuth() // ❌ Only runs once - misses when auth completes later!
+  }, [])
+
+  // This pattern causes users to get stuck on "Please sign in" 
+  // even after authentication completes
+}
+
 // React example with search functionality
 function SearchResults() {
   const [query, setQuery] = useState('')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blinkdotnew/sdk",
-  "version": "0.14.9",
+  "version": "0.14.10",
   "description": "Blink TypeScript SDK for client-side applications - Zero-boilerplate CRUD + auth + AI + analytics + notifications for modern SaaS/AI apps",
   "keywords": [
     "blink",