search

jsxtools / react-dom-fragment

A React Fragment that supports dangerously setting innerHTML
https://codepen.io/jonneal/full/dcd336a238a3f2cce360967c10cce49f
Creative Commons Zero v1.0 Universal
21 stars 2 forks source link

SSR Support #5

Open tyteen4a03 opened 4 years ago

tyteen4a03 commented 4 years ago

Does this package support SSR? I'm getting this error when trying to use the package:

TypeError: Cannot read property 'createElement' of undefined
    at Fragment (/***/nextjs/node_modules/react-dom-fragment/index.js:40:36)
    at processChild (/***/nextjs/node_modules/react-dom/cjs/react-dom-server.node.development.js:3043:14)
    at resolve (/***/nextjs/node_modules/react-dom/cjs/react-dom-server.node.development.js:2960:5)
    at ReactDOMServerRenderer.render (/***/nextjs/node_modules/react-dom/cjs/react-dom-server.node.development.js:3435:22)
    at ReactDOMServerRenderer.read (/***/nextjs/node_modules/react-dom/cjs/react-dom-server.node.development.js:3373:29)
    at renderToString (/***/nextjs/node_modules/react-dom/cjs/react-dom-server.node.development.js:3988:27)
    at render (/***/nextjs/node_modules/next/dist/next-server/server/render.js:3:298)
    at Object.renderPage (/***/nextjs/node_modules/next/dist/next-server/server/render.js:46:1020)
    at Function.getInitialProps (webpack-internal:///./node_modules/next/dist/pages/_document.js:133:19)
    at Function.getInitialProps (webpack-internal:///./pages/_document.tsx:20:85)
    at loadGetInitialProps (/***/nextjs/node_modules/next/dist/next-server/lib/utils.js:5:101)
    at renderToHTML (/***/nextjs/node_modules/next/dist/next-server/server/render.js:46:1330)
    at async /***/nextjs/node_modules/next/dist/next-server/server/next-server.js:68:285
    at async __wrapper (/***/nextjs/node_modules/next/dist/lib/coalesced-function.js:1:330)
    at async DevServer.renderToHTMLWithComponents (/***/nextjs/node_modules/next/dist/next-server/server/next-server.js:91:254)
    at async DevServer.renderToHTML (/***/nextjs/node_modules/next/dist/next-server/server/next-server.js:92:631)
bjankord commented 4 years ago

@tyteen4a03 It doesn't appear to support SSR. I'm seeing the same error with NextJS. I'm trying to do something like:

export default function Home({
  head,
}) {
  return (
    <div>
      <Head>
        <title>Test</title>
        <Fragment dangerouslySetInnerHTML={{ __html: head }} />
      </Head>
      <p>Hello World</p>
    </div>
  )
}