'use client'

import PropTypes from 'prop-types'
import ReactDOMServer from 'react-dom/server'
import React from 'react'

interface NoScriptProps {
  children: React.ReactNode
}

export const NoScript: React.FC<NoScriptProps> = (props) => {
  const staticMarkup = ReactDOMServer.renderToStaticMarkup(props.children as React.ReactElement)
  return <noscript dangerouslySetInnerHTML={{ __html: staticMarkup }} />
}

NoScript.propTypes = {
  children: PropTypes.node.isRequired
}