diff --git a/packages/nuxt/src/components/runtime/client-io-component.ts b/packages/nuxt/src/components/runtime/client-io-component.ts
index 0015a8804c..c3856b6747 100644
--- a/packages/nuxt/src/components/runtime/client-io-component.ts
+++ b/packages/nuxt/src/components/runtime/client-io-component.ts
@@ -12,7 +12,7 @@ export const createLazyIOClientPage = (componentLoader: Component) => {
       let unobserve: (() => void) | null = null
       onMounted(() => {
         const observer = useObserver()
-        unobserve = observer.observe(el.value as Element, () => {
+        unobserve = observer!.observe(el.value as Element, () => {
           isIntersecting.value = true
           unobserve?.()
           unobserve = null