Better handle possible null DragState (edge case)

bvaughn · Dec 10, 2023 · ddb4a52 · ddb4a52
1 parent c566bd8
commit ddb4a52
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/react-resizable-panels/src/PanelGroup.ts b/packages/react-resizable-panels/src/PanelGroup.ts
@@ -542,7 +542,7 @@ function PanelGroupWithForwardedRef({
         event,
         dragHandleId,
         direction,
-        dragState!,
+        dragState,
         keyboardResizeBy
       );
       if (delta === 0) {

diff --git a/packages/react-resizable-panels/src/utils/calculateDeltaPercentage.ts b/packages/react-resizable-panels/src/utils/calculateDeltaPercentage.ts
@@ -8,7 +8,7 @@ export function calculateDeltaPercentage(
   event: ResizeEvent,
   dragHandleId: string,
   direction: Direction,
-  initialDragState: DragState,
+  initialDragState: DragState | null,
   keyboardResizeBy: number | null
 ): number {
   if (isKeyDown(event)) {
@@ -47,6 +47,10 @@ export function calculateDeltaPercentage(
 
     return movement;
   } else {
+    if (initialDragState == null) {
+      return 0;
+    }
+
     return calculateDragOffsetPercentage(
       event,
       dragHandleId,