/* This is a component for pages that use client-side rendering */
import { useEffect, useState } from 'react'
type Props = {
  children: React.ReactNode
}

const CsrComponent: React.FC<Props> = ({ children }) => {
  const [showChild, setShowChild] = useState(false)

  useEffect(() => {
    setShowChild(true)
  }, [])

  return <>{showChild && children}</>
}

export default CsrComponent