diff --git a/packages/x-components/src/x-modules/scroll/components/main-scroll-item.vue b/packages/x-components/src/x-modules/scroll/components/main-scroll-item.vue
index d02d56a590..3ea689bed4 100644
--- a/packages/x-components/src/x-modules/scroll/components/main-scroll-item.vue
+++ b/packages/x-components/src/x-modules/scroll/components/main-scroll-item.vue
@@ -44,6 +44,9 @@
     },
 
     setup(props) {
+      interface ElementRef {
+        $el: HTMLElement;
+      }
       useRegisterXModule(scrollXModule);
       const xBus = useXBus();
 
@@ -52,7 +55,7 @@
        *
        * @public
        */
-      const el = ref<any>(null);
+      const el = ref<ElementRef | null>(null);
 
       /**
        * Pending identifier scroll position to restore. If it matches the {@link MainScrollItem} item