diff --git a/libs/ui/src/lib/value/value.component.html b/libs/ui/src/lib/value/value.component.html
index 19b72c177..426eda7ca 100644
--- a/libs/ui/src/lib/value/value.component.html
+++ b/libs/ui/src/lib/value/value.component.html
@@ -27,6 +27,10 @@
     }
   </ng-template>
 
+  <!--
+    @deprecated Rendering the loading state for an undefined value is kept for
+    backward compatibility; use the isLoading attribute instead
+  -->
   @if (isLoading() || value === undefined) {
     <ngx-skeleton-loader
       animation="pulse"