fix: use client-side ref to handle onclick string from transformerCopyButton
This commit is contained in:
19
components/blog/button-client.tsx
Normal file
19
components/blog/button-client.tsx
Normal file
@@ -0,0 +1,19 @@
|
||||
'use client'
|
||||
|
||||
import { useEffect, useRef } from 'react'
|
||||
|
||||
export function ClientButton({ children, onClick, ...props }: { children?: React.ReactNode; onClick?: string } & React.ButtonHTMLAttributes<HTMLButtonElement>) {
|
||||
const btnRef = useRef<HTMLButtonElement>(null)
|
||||
|
||||
useEffect(() => {
|
||||
if (typeof onClick === 'string' && btnRef.current) {
|
||||
btnRef.current.onclick = onClick as any
|
||||
}
|
||||
}, [onClick])
|
||||
|
||||
return (
|
||||
<button ref={btnRef} {...props}>
|
||||
{children}
|
||||
</button>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user