diff --git a/src/views/demo/context-menu/index.tsx b/src/views/demo/context-menu/index.tsx
index 5331811f..c29a212e 100644
--- a/src/views/demo/context-menu/index.tsx
+++ b/src/views/demo/context-menu/index.tsx
@@ -16,7 +16,7 @@ import { useContextmenuCoordinate } from '@/hooks/components'
 export default defineComponent({
   name: 'ContextMenuDemo',
   setup() {
-    const demoOneRef = ref<HTMLElement | null>(null)
+    const demoOneRef = ref<HTMLElement>()
     const demoOneShow = ref(false)
     const options = ref([
       {