Merge pull request #535 from Lemoncode/feature/redraw-thumb

fix redraw initial
Lemoncode · Nov 12, 2024 · d58268f · d58268f
2 parents 2cb8737 + c38c30b
commit d58268f
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/pods/thumb-pages/components/thumb-page.tsx b/src/pods/thumb-pages/components/thumb-page.tsx
@@ -31,6 +31,7 @@ export const ThumbPage: React.FunctionComponent<Props> = props => {
   });
 
   const divRef = useRef<HTMLDivElement>(null);
+  const [key, setKey] = React.useState(0);
 
   React.useEffect(() => {
     const newCanvaSize = {
@@ -48,6 +49,8 @@ export const ThumbPage: React.FunctionComponent<Props> = props => {
     setCanvasSize(newCanvaSize);
     setFinalScale(calculateScaleBasedOnBounds(shapes, newCanvaSize));
 
+    setKey(key => key + 1);
+
     return () => {
       window.removeEventListener('resize', () => {
         setCanvasSize({
@@ -72,6 +75,7 @@ export const ThumbPage: React.FunctionComponent<Props> = props => {
         className={classes.container}
         onClick={() => onSetActivePage(page.id)}
         onContextMenu={handleShowContextMenu}
+        key={key}
       >
         <Stage
           width={canvasSize.width}