From 416fe2f7f231b1a273cbc13db9009cb9d7828523 Mon Sep 17 00:00:00 2001
From: lerte smith <lerte@qq.com>
Date: Wed, 5 Jun 2024 22:16:57 +0800
Subject: [PATCH] fix ripple id

---
 packages/actify/src/components/Ripple/Ripple.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/actify/src/components/Ripple/Ripple.tsx b/packages/actify/src/components/Ripple/Ripple.tsx
index 737d758..7b48f63 100644
--- a/packages/actify/src/components/Ripple/Ripple.tsx
+++ b/packages/actify/src/components/Ripple/Ripple.tsx
@@ -68,7 +68,7 @@ interface RippleProps extends React.ComponentProps<'label'> {
 
 const Ripple = (props: RippleProps) => {
   const { id, disabled = false, style, className } = props
-  const rippleId = id || `$actify-ripple{useId()}`
+  const rippleId = id || `actify-ripple${useId()}`
 
   const [hovered, setHovered] = useState(false)
   const [pressed, setPressed] = useState(false)