diff --git a/public/demo/dxf_10.html b/public/demo/dxf_10.html
index 93cc034..3219327 100644
--- a/public/demo/dxf_10.html
+++ b/public/demo/dxf_10.html
@@ -113,10 +113,10 @@
       let enableSyncCamera = false;
       syncCameraBtn.onclick = function () {
         if (!enableSyncCamera) {
-          compareHelper.enableSyncCamera = true;
+          compareHelper.enableSyncCamera(true);
           syncCameraBtn.innerText = "synced";
         } else {
-          compareHelper.enableSyncCamera = false;
+          compareHelper.enableSyncCamera(false);
           syncCameraBtn.innerText = "unsynced";
         }
         enableSyncCamera = !enableSyncCamera;
diff --git a/public/demo/dxf_8.html b/public/demo/dxf_8.html
index a899035..6a926f5 100644
--- a/public/demo/dxf_8.html
+++ b/public/demo/dxf_8.html
@@ -93,10 +93,10 @@
       let enableSyncCamera = false;
       syncCameraBtn.onclick = function () {
         if (!enableSyncCamera) {
-          compareViewer.enableSyncCamera = true;
+          compareViewer.enableSyncCamera(true);
           syncCameraBtn.innerText = "synced";
         } else {
-          compareViewer.enableSyncCamera = false;
+          compareViewer.enableSyncCamera(false);
           syncCameraBtn.innerText = "unsynced";
         }
         enableSyncCamera = !enableSyncCamera;