diff --git a/core/src/components/infinite-scroll/readme.md b/core/src/components/infinite-scroll/readme.md
index 9e6358f38b..6f7a35f30d 100644
--- a/core/src/components/infinite-scroll/readme.md
+++ b/core/src/components/infinite-scroll/readme.md
@@ -335,7 +335,8 @@ export class InfiniteScrollExample {
 </template>
 
 <script lang="ts">
-import { 
+import {
+  InfiniteScrollCustomEvent,
   IonButton,
   IonContent, 
   IonInfiniteScroll, 
@@ -363,7 +364,7 @@ export default defineComponent({
     const toggleInfiniteScroll = () => {
       isDisabled.value = !isDisabled.value;
     }
-    const items = ref([]);
+    const items = ref<number[]>([]);
     const pushData = () => {
       const max = items.value.length + 20;
       const min = max - 20;
@@ -372,7 +373,7 @@ export default defineComponent({
       }
     }
     
-    const loadData = (ev: CustomEvent) => {
+    const loadData = (ev: InfiniteScrollCustomEvent) => {
       setTimeout(() => {
         pushData();
         console.log('Loaded data');
diff --git a/core/src/components/infinite-scroll/usage/vue.md b/core/src/components/infinite-scroll/usage/vue.md
index cef56a9d68..7ebddd5ce4 100644
--- a/core/src/components/infinite-scroll/usage/vue.md
+++ b/core/src/components/infinite-scroll/usage/vue.md
@@ -28,7 +28,8 @@
 </template>
 
 <script lang="ts">
-import { 
+import {
+  InfiniteScrollCustomEvent,
   IonButton,
   IonContent, 
   IonInfiniteScroll, 
@@ -56,7 +57,7 @@ export default defineComponent({
     const toggleInfiniteScroll = () => {
       isDisabled.value = !isDisabled.value;
     }
-    const items = ref([]);
+    const items = ref<number[]>([]);
     const pushData = () => {
       const max = items.value.length + 20;
       const min = max - 20;
@@ -65,7 +66,7 @@ export default defineComponent({
       }
     }
     
-    const loadData = (ev: CustomEvent) => {
+    const loadData = (ev: InfiniteScrollCustomEvent) => {
       setTimeout(() => {
         pushData();
         console.log('Loaded data');