Fix: Cannot resize

udecode · Nov 29, 2023 · 94502a9 · 94502a9
1 parent 9dd88e8
commit 94502a9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/resizable/src/components/Resizable.tsx b/packages/resizable/src/components/Resizable.tsx
@@ -137,7 +137,7 @@ const Resizable = React.forwardRef<
   return (
     <div ref={wrapperRef} {...wrapperProps}>
       <div ref={ref} {...props} {...rest}>
-        <ResizeHandleProvider onResize={context.onResize}>
+        <ResizeHandleProvider onResize={{ fn: context.onResize }}>
           {children}
         </ResizeHandleProvider>
       </div>

diff --git a/packages/resizable/src/components/ResizeHandle.tsx b/packages/resizable/src/components/ResizeHandle.tsx
@@ -14,7 +14,7 @@ import { isTouchEvent } from '../utils';
 
 export const { ResizeHandleProvider, useResizeHandleStore } = createAtomStore(
   {
-    onResize: null as ResizeHandleOptions['onResize'] | null,
+    onResize: null as { fn: ResizeHandleOptions['onResize'] } | null,
   },
   { name: 'resizeHandle' }
 );
@@ -39,7 +39,7 @@ export const useResizeHandleState = ({
   onHoverEnd,
 }: ResizeHandleOptions) => {
   const _onResize = useResizeHandleStore().get.onResize();
-  if (!onResize) onResize = _onResize ?? undefined;
+  if (!onResize) onResize = _onResize?.fn;
 
   const [isResizing, setIsResizing] = useState(false);
   const [initialPosition, setInitialPosition] = useState(0);