diff --git a/packages/@mantine/core/src/components/AppShell/use-resizing/use-resizing.tsx b/packages/@mantine/core/src/components/AppShell/use-resizing/use-resizing.tsx index 902284c7274..f3a8e10d44f 100644 --- a/packages/@mantine/core/src/components/AppShell/use-resizing/use-resizing.tsx +++ b/packages/@mantine/core/src/components/AppShell/use-resizing/use-resizing.tsx @@ -14,18 +14,25 @@ export function useResizing({ transitionDuration, disabled }: UseResizingInput) useWindowEvent('resize', () => { setResizing(true); clearTimeout(resizingTimeout.current); - resizingTimeout.current = window.setTimeout(() => setResizing(false), 200); + resizingTimeout.current = window.setTimeout( + () => + startTransition(() => { + setResizing(false); + }), + 200 + ); }); useIsomorphicEffect(() => { - startTransition(() => { - setResizing(true); - clearTimeout(disabledTimeout.current); - disabledTimeout.current = window.setTimeout( - () => setResizing(false), - transitionDuration || 0 - ); - }); + setResizing(true); + clearTimeout(disabledTimeout.current); + disabledTimeout.current = window.setTimeout( + () => + startTransition(() => { + setResizing(false); + }), + transitionDuration || 0 + ); }, [disabled, transitionDuration]); return resizing;