diff --git a/pages/component-instance/inject/inject-composition.uvue b/pages/component-instance/inject/inject-composition.uvue
index e693ca82d213b42d27bbfdd8d39eb5040831e710..45b5fad62a9992536f61cccff02d03d60c64ca57 100644
--- a/pages/component-instance/inject/inject-composition.uvue
+++ b/pages/component-instance/inject/inject-composition.uvue
@@ -6,7 +6,7 @@
     <text class="mt-10 obj">obj: {{JSON.stringify(obj)}}</text>
     <text class="mt-10 arr">arr: {{JSON.stringify(arr)}}</text>
     <text class="mt-10 arr-0">arr[0]: {{ arr[0]}}</text>
-    <text class="mt-10 fn">fn: {{fn?.()}}</text>
+    <text class="mt-10 fn">fn: {{fnRes}}</text>
     <text class="mt-10 has-injection-context">hasInjectionContext:
       {{checkHasInjectionContextRes}}</text>
     <button class="mt-10 check-has-injection-context-btn" @click="checkHasInjectionContext">check
@@ -19,7 +19,11 @@
   const num = inject('num')
   const obj = inject('obj')
   const arr = inject<number[]>('arr', [99])
-  const fn = inject<() => string>('fn')
+  const fn = inject<() => string>('fn')
+  const fnRes = ref('')
+  if(fn !== null){
+    fnRes.value = fn()
+  }
 
   const checkHasInjectionContextRes = ref('')