{
  "version": 3,
  "sources": ["../javascripts/components/render/render-client-side.tsx"],
  "sourcesContent": ["import { useEffect, useState } from 'react';\n\ninterface RenderClientSideProps {\n  children: React.ReactElement | React.ReactElement[];\n  skeleton?: React.ReactElement;\n}\n\nconst RenderClientSide = ({\n  children,\n  skeleton,\n}: RenderClientSideProps): React.ReactElement | React.ReactElement[] | null => {\n  const [shouldRender, setShouldRender] = useState(false);\n  useEffect(() => {\n    setShouldRender(true);\n  }, []);\n  return shouldRender ? children : skeleton ? skeleton : null;\n};\n\nexport default RenderClientSide;\n"],
  "mappings": "sDAAA,IAAAA,EAAoC,SAO9BC,EAAmB,CAAC,CACxB,SAAAC,EACA,SAAAC,CACF,IAA+E,CAC7E,GAAM,CAACC,EAAcC,CAAe,KAAI,YAAS,EAAK,EACtD,sBAAU,IAAM,CACdA,EAAgB,EAAI,CACtB,EAAG,CAAC,CAAC,EACED,EAAeF,EAAWC,GAAsB,IACzD,EAEOG,EAAQL",
  "names": ["import_react", "RenderClientSide", "children", "skeleton", "shouldRender", "setShouldRender", "render_client_side_default"]
}