diff --git a/app/javascript/entrypoints/ui.js b/app/javascript/entrypoints/ui.js
index 81a2468e7..5d62fd782 100644
--- a/app/javascript/entrypoints/ui.js
+++ b/app/javascript/entrypoints/ui.js
@@ -1,4 +1,4 @@
-import { h, createCustomElement } from 'vue';
+import { h, defineCustomElement } from 'vue';
 
 const ChatButton = {
   name: 'ChatButton',
@@ -25,4 +25,4 @@ const ChatButton = {
   },
 };
 
-export const buttonElement = createCustomElement(ChatButton);
+export const buttonElement = defineCustomElement(ChatButton);