diff --git a/vj4/ui/pages/record_detail.page.js b/vj4/ui/pages/record_detail.page.js
index 4a8cdb7ee..5dfa38f8e 100644
--- a/vj4/ui/pages/record_detail.page.js
+++ b/vj4/ui/pages/record_detail.page.js
@@ -2,7 +2,7 @@ import { NamedPage } from 'vj/misc/PageLoader';
 
 const page = new NamedPage('record_detail', async () => {
   const SockJs = await import('sockjs-client');
-  const DiffDOM = await import('diff-dom');
+  const { DiffDOM } = await import('diff-dom');
 
   const sock = new SockJs(Context.socketUrl);
   const dd = new DiffDOM();
diff --git a/vj4/ui/pages/record_main.page.js b/vj4/ui/pages/record_main.page.js
index 1e03b47cf..4cc75b8cc 100644
--- a/vj4/ui/pages/record_main.page.js
+++ b/vj4/ui/pages/record_main.page.js
@@ -3,7 +3,7 @@ import UserSelectAutoComplete from 'vj/components/autocomplete/UserSelectAutoCom
 
 const page = new NamedPage('record_main', async () => {
   const SockJs = await import('sockjs-client');
-  const DiffDOM = await import('diff-dom');
+  const { DiffDOM } = await import('diff-dom');
 
   const sock = new SockJs(Context.socketUrl);
   const dd = new DiffDOM();