fix

src/core/providers/canvas/canvas.model.ts

@@ -101,6 +101,7 @@ export interface CanvasContextModel {
   setActivePage: (pageId: string) => void;
   deletePage: (pageIndex: number) => void;
   editPageTitle: (pageIndex: number, newName: string) => void;
+  activePageIndex: number;
   isThumbnailContextMenuVisible: boolean;
   setIsThumbnailContextMenuVisible: React.Dispatch<
     React.SetStateAction<boolean>

src/core/providers/canvas/canvas.provider.tsx

@@ -307,6 +307,7 @@ export const CanvasProvider: React.FC<Props> = props => {
         setActivePage,
         deletePage,
         editPageTitle,
+        activePageIndex: document.activePageIndex,
         isThumbnailContextMenuVisible,
         setIsThumbnailContextMenuVisible,
       }}

src/pods/thumb-pages/components/thumb-page.tsx

@@ -21,7 +21,7 @@ interface Props {
 export const ThumbPage: React.FunctionComponent<Props> = props => {
   const { pageIndex, onSetActivePage, setPageTitleBeingEdited, isVisible } =
     props;
-  const { fullDocument } = useCanvasContext();
+  const { fullDocument, activePageIndex } = useCanvasContext();
   const page = fullDocument.pages[pageIndex];
   const shapes = page.shapes;
   const fakeShapeRefs = useRef<ShapeRefs>({});
@@ -58,8 +58,10 @@ export const ThumbPage: React.FunctionComponent<Props> = props => {
   }, [isVisible]);
 
   React.useEffect(() => {
-    handleResizeAndForceRedraw();
-  }, [shapes, fullDocument]);
+    setTimeout(() => {
+      handleResizeAndForceRedraw();
+    }, 100);
+  }, [shapes, activePageIndex]);
 
   React.useEffect(() => {
     window.addEventListener('resize', handleResizeAndForceRedraw);