From df836658e196e56c286cf4ec36a1105187e9d23b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AB=98=E8=89=B3=E5=85=B5?= <yanbing.gao@aliyun.com>
Date: Thu, 3 Sep 2026 09:43:25 +0800
Subject: [PATCH] refactor: use renderable guard for placeholder

---
 package.json  | 2 +-
 src/Image.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 9b3e34af..448974f8 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,7 @@
   "dependencies": {
     "@rc-component/motion": "^1.0.0",
     "@rc-component/portal": "^2.1.2",
-    "@rc-component/util": "^1.11.1",
+    "@rc-component/util": "^1.13.0",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
diff --git a/src/Image.tsx b/src/Image.tsx
index 55725691..30ab9ce1 100644
--- a/src/Image.tsx
+++ b/src/Image.tsx
@@ -1,4 +1,4 @@
-import { useControlledState } from '@rc-component/util';
+import { isReactRenderable, useControlledState } from '@rc-component/util';
 import { clsx } from 'clsx';
 import * as React from 'react';
 import { useContext, useMemo, useState } from 'react';
@@ -152,7 +152,7 @@ const ImageInternal: CompoundedComponent<ImageProps> = props => {
   };
 
   // ========================= ImageProps =========================
-  const isCustomPlaceholder = placeholder && placeholder !== true;
+  const isCustomPlaceholder = isReactRenderable(placeholder) && placeholder !== true;
 
   const src = previewSrc ?? imgSrc;
   const [getImgRef, srcAndOnload, status] = useStatus({
@@ -273,7 +273,7 @@ const ImageInternal: CompoundedComponent<ImageProps> = props => {
           onError={onError}
         />
 
-        {status === 'loading' && (
+        {status === 'loading' && isCustomPlaceholder && (
           <div aria-hidden="true" className={`${prefixCls}-placeholder`}>
             {placeholder}
           </div>