fix ripple id

actifyjs · Jun 5, 2024 · 416fe2f · 416fe2f
1 parent 8b60fe0
commit 416fe2f
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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)