diff --git a/examples/with-noscript/components/Noscript.js b/examples/with-noscript/components/Noscript.js index 6dc373552ef3d86d220c23549cb06c9e8004f266..32eed3bae2fc1449bcf8506538472e55049aadb3 100644 --- a/examples/with-noscript/components/Noscript.js +++ b/examples/with-noscript/components/Noscript.js @@ -1,7 +1,15 @@ import React from 'react' -import ReactDOMServer from 'react-dom/server' -export default function Noscript (props) { - const staticMarkup = ReactDOMServer.renderToStaticMarkup(props.children) +// We don't want to send 'react-dom/server' to the client +let ReactDOMServer +if (typeof window === 'undefined') { + ReactDOMServer = require('react-dom/server') +} + +export default function Noscript ({ children }) { + if (!ReactDOMServer) { + return null + } + const staticMarkup = ReactDOMServer.renderToStaticMarkup(children) return