diff --git a/frontend/playwright/data/get-teams-render-wasm.json b/frontend/playwright/data/get-teams-render-wasm.json
new file mode 100644
index 000000000..589e3d160
--- /dev/null
+++ b/frontend/playwright/data/get-teams-render-wasm.json
@@ -0,0 +1,26 @@
+[
+  {
+    "~:features": {
+      "~#set": [
+        "render-wasm",
+        "layout/grid",
+        "styles/v2",
+        "fdata/pointer-map",
+        "fdata/objects-map",
+        "components/v2",
+        "fdata/shape-data-type"
+      ]
+    },
+    "~:permissions": {
+      "~:type": "~:membership",
+      "~:is-owner": true,
+      "~:is-admin": true,
+      "~:can-edit": true
+    },
+    "~:name": "Default",
+    "~:modified-at": "~m1713533116375",
+    "~:id": "~uc7ce0794-0992-8105-8004-38e630f7920a",
+    "~:created-at": "~m1713533116375",
+    "~:is-default": true
+  }
+]
diff --git a/frontend/playwright/ui/specs/render-wasm.spec.js b/frontend/playwright/ui/specs/render-wasm.spec.js
new file mode 100644
index 000000000..abf8fae46
--- /dev/null
+++ b/frontend/playwright/ui/specs/render-wasm.spec.js
@@ -0,0 +1,23 @@
+import { test, expect } from "@playwright/test";
+import { WorkspacePage } from "../pages/WorkspacePage";
+import { BaseWebSocketPage } from "../pages/BaseWebSocketPage";
+
+test.beforeEach(async ({ page }) => {
+  await WorkspacePage.init(page);
+  await BaseWebSocketPage.mockRPC(
+    page,
+    "get-teams",
+    "get-teams-render-wasm.json",
+  );
+});
+
+test("BUG 10867 - Crash when loading comments", async ({ page }) => {
+  const workspacePage = new WorkspacePage(page);
+  await workspacePage.setupEmptyFile();
+  await workspacePage.goToWorkspace();
+
+  await workspacePage.showComments();
+  await expect(
+    workspacePage.rightSidebar.getByText("Show all comments"),
+  ).toBeVisible();
+});
diff --git a/frontend/src/app/main/ui/workspace/viewport_wasm.cljs b/frontend/src/app/main/ui/workspace/viewport_wasm.cljs
index 68b91508f..b07e3893d 100644
--- a/frontend/src/app/main/ui/workspace/viewport_wasm.cljs
+++ b/frontend/src/app/main/ui/workspace/viewport_wasm.cljs
@@ -105,6 +105,7 @@
         workspace-editor-state (mf/deref refs/workspace-editor-state)
         workspace-v2-editor-state (mf/deref refs/workspace-v2-editor-state)
 
+        file-id           (get file :id)
         objects           (get page :objects)
         page-id           (get page :id)
         background        (get page :background clr/canvas)
@@ -341,6 +342,7 @@
       (when show-comments?
         [:> comments/comments-layer* {:vbox vbox
                                       :page-id page-id
+                                      :file-id file-id
                                       :vport vport
                                       :zoom zoom}])