@brust/create-app 2.0.0-alpha.16 → 2.0.0-alpha.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brust/create-app",
-  "version": "2.0.0-alpha.16",
+  "version": "2.0.0-alpha.18",
   "description": "Scaffold a brust v2 app — bun create @brust/app <name>",
   "license": "MIT",
   "homepage": "https://brust.dev",

package/templates/pokedex/components/TeamBuilder.tsx

@@ -1,7 +1,7 @@
 // components/TeamBuilder.tsx — react tier on purpose (useReducer for `open`): SSR + idle hydration (S12). The roster is the
 // unified `team` store: the SSR scope is seeded from the snapshot, so the first client snapshot equals the server paint (D8).
 import { useStore } from '@brust/core/store/react'
-import { useReducer } from 'react'
+import { useReducer, useTransition } from 'react'
 import { removeMember } from '../lib/team-client'
 import { team } from '../stores/team'
 
@@ -9,6 +9,7 @@ const flip = (open: boolean): boolean => !open
 
 export default function TeamBuilder() {
   const { members, max } = useStore(team)
+  useTransition()
   const [open, toggle] = useReducer(flip, false)
   return (
     <div className="fixed bottom-5 right-5 z-[200]">

package/templates/pokedex/components/UnifiedIsland.tsx

@@ -1,13 +1,14 @@
 // components/UnifiedIsland.tsx — React island (SSR + hydration). `useStore` alone compiles native, so the "clicks from
 // React" tally (useReducer) is what puts this on the react tier (D10 asks for an island).
 import { useStore } from '@brust/core/store/react'
-import { useReducer } from 'react'
+import { useReducer, useTransition } from 'react'
 import { unified } from '../stores/unified'
 
 const tick = (n: number): number => n + 1
 
 export default function UnifiedIsland() {
   const { count } = useStore(unified)
+  useTransition()
   const [mine, tally] = useReducer(tick, 0)
   return (
     <div className="flex flex-col items-center gap-4">