{"version":3,"file":"RenderAfterCommit__DO_NOT_USE.mjs","names":[],"sources":["../../src/react/RenderAfterCommit__DO_NOT_USE.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * This is a function that will render a component only after it commits.\n * It should not be used in production. It's useful as a way to debug issues\n * with NextJS, where an indefinite suspense causes the server to hang\n * forever and never complete the original request.\n */\nexport function RenderAfterCommit__DO_NOT_USE({\n  children,\n}: {\n  children: React.ReactNode;\n}) {\n  const [show, setShow] = useState(false);\n  useEffect(() => setShow(true), []);\n  return show ? children : null;\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,8BAA8B,EAC5C,YAGC;CACD,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;AACvC,iBAAgB,QAAQ,KAAK,EAAE,EAAE,CAAC;AAClC,QAAO,OAAO,WAAW"}