m-oauth/components/ClientOnly.tsx
2023-06-05 00:51:23 +08:00

22 lines
No EOL
387 B
TypeScript

'use client'
import { useEffect, useState } from 'react'
interface ClientOnlyProps {
children: React.ReactNode
}
const ClientOnly: React.FC<ClientOnlyProps> = ({ children }) => {
const [hasMounted, setHasMounted] = useState(false)
useEffect(() => {
setHasMounted(true)
}, [])
if (!hasMounted) {
return null
}
return <>{children}</>
}
export default ClientOnly