fix: scrollbar overflow on zoom

packages/react/src/components/Sheet/index.tsx

@@ -74,7 +74,13 @@ const Sheet: React.FC<Props> = ({ sheet }) => {
         placeholderRef.current!
       )
     );
-  }, [refs.canvas, setContext]);
+  }, [
+    refs.canvas,
+    setContext,
+    context.rowHeaderWidth,
+    context.columnHeaderHeight,
+    context.devicePixelRatio,
+  ]);
 
   /**
    * Recalculate freeze data when sheet changes or sheet.frozen changes

packages/react/src/components/SheetOverlay/ScrollBar/index.tsx

@@ -25,7 +25,7 @@ const ScrollBar: React.FC<Props> = ({ axis }) => {
         axis === "x"
           ? {
               left: context.rowHeaderWidth,
-              width: context.cellmainWidth,
+              width: `calc(100% - ${context.rowHeaderWidth}px)`,
             }
           : { height: "100%" }
       }