diff --git a/packages/component/src/components/auth-components/count-down-render.tsx b/packages/component/src/components/auth-components/count-down-render.tsx
index f644c104a2..eeb7d85783 100644
--- a/packages/component/src/components/auth-components/count-down-render.tsx
+++ b/packages/component/src/components/auth-components/count-down-render.tsx
@@ -13,8 +13,12 @@ const formatTime = (time: number): string => {
 export const CountDownRender = forwardRef<
   HTMLDivElement,
   { timeLeft: number } & HTMLAttributes<HTMLDivElement>
->(({ timeLeft, ...props }) => {
-  return <div {...props}>{formatTime(timeLeft)}</div>;
+>(({ timeLeft, ...props }, ref) => {
+  return (
+    <div {...props} ref={ref}>
+      {formatTime(timeLeft)}
+    </div>
+  );
 });
 
 CountDownRender.displayName = 'CountDownRender';