diff --git a/packages/renderless/src/common/deps/infinite-scroll.ts b/packages/renderless/src/common/deps/infinite-scroll.ts
index c168141fc5..aa63da2b5f 100644
--- a/packages/renderless/src/common/deps/infinite-scroll.ts
+++ b/packages/renderless/src/common/deps/infinite-scroll.ts
@@ -29,7 +29,8 @@ const computeScrollOptions = (el, instance) =>
   Object.entries(attrs).reduce((accumulator, [name, option]) => {
     const { type, default: defaultValue } = option
     const attrKey = `infinite-scroll-${name}`
-    const $attrValue = instance.$el.getAttribute(attrKey)
+    const $attrValue =
+      instance?.$el && typeof instance.$el.getAttribute === 'function' ? instance.$el.getAttribute(attrKey) : null
     const attrValue = el.getAttribute(attrKey)
     let value
 
diff --git a/packages/vue-directive/src/infinite-scroll.ts b/packages/vue-directive/src/infinite-scroll.ts
index c168141fc5..aa63da2b5f 100644
--- a/packages/vue-directive/src/infinite-scroll.ts
+++ b/packages/vue-directive/src/infinite-scroll.ts
@@ -29,7 +29,8 @@ const computeScrollOptions = (el, instance) =>
   Object.entries(attrs).reduce((accumulator, [name, option]) => {
     const { type, default: defaultValue } = option
     const attrKey = `infinite-scroll-${name}`
-    const $attrValue = instance.$el.getAttribute(attrKey)
+    const $attrValue =
+      instance?.$el && typeof instance.$el.getAttribute === 'function' ? instance.$el.getAttribute(attrKey) : null
     const attrValue = el.getAttribute(attrKey)
     let value