@tamagui/core 1.0.9 → 1.0.11

package/src/helpers/useShallowSetState.tsx

@@ -1,28 +1,38 @@
-import React, { useCallback } from 'react'
+import React, { startTransition, useCallback } from 'react'
 
 import { DebugProp } from '../types'
 
 export function useShallowSetState<State extends Object>(
   setter: React.Dispatch<React.SetStateAction<State>>,
+  transition?: boolean,
   debug?: DebugProp,
   debugName?: string
 ) {
   return useCallback(
     (next: Partial<State>) => {
-      setter((prev) => {
-        for (const key in next) {
-          if (prev[key] !== next[key]) {
-            if (process.env.NODE_ENV === 'development') {
-              if (debug === 'verbose') {
-                // eslint-disable-next-line no-console
-                console.log(` ▲ setState ${debugName}`, next)
+      const run = () => {
+        setter((prev) => {
+          for (const key in next) {
+            if (prev[key] !== next[key]) {
+              if (process.env.NODE_ENV === 'development') {
+                if (debug === 'verbose') {
+                  // eslint-disable-next-line no-console
+                  console.log(` ▲ setState ${debugName}`, next)
+                }
               }
+              return { ...prev, ...next }
             }
-            return { ...prev, ...next }
           }
-        }
-        return prev
-      })
+          return prev
+        })
+      }
+      if (transition) {
+        startTransition(() => {
+          run()
+        })
+      } else {
+        run()
+      }
     },
     [setter]
   )

package/types/helpers/useShallowSetState.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { DebugProp } from '../types';
-export declare function useShallowSetState<State extends Object>(setter: React.Dispatch<React.SetStateAction<State>>, debug?: DebugProp, debugName?: string): (next: Partial<State>) => void;
+export declare function useShallowSetState<State extends Object>(setter: React.Dispatch<React.SetStateAction<State>>, transition?: boolean, debug?: DebugProp, debugName?: string): (next: Partial<State>) => void;
 //# sourceMappingURL=useShallowSetState.d.ts.map