const freezeSSR = selector => {
  const FrozenSSR = () => {
    let __html = ''
    let props = {}
    if (typeof document !== 'undefined') {
      let el = document.querySelector(selector)
      if (el) {
        __html = el.innerHTML
        el.getAttributeNames().forEach(attr => {
          const attrKey = attr === 'class' ? 'className' : attr
          props[attrKey] = el.getAttribute(attr)
        })
      }
    }
    return <div {...props} dangerouslySetInnerHTML={{ __html }} />
  }

  return { loading: FrozenSSR }
}

export default freezeSSR