ReactDOMServer.renderToString is not a function

Question

I render react component on server and when go to route get error message:

  const renderToString = ReactDOMServer.renderToString
  const fac = React.createFactory(React.createClass({
    render: function() { 
      return (
        <Provider store={store}>
          <StaticRouter location={location} context={routeContext}>
            <App />
          </StaticRouter>
        </Provider>
      )
  }}))

  const appHtml = renderToString(fac())

Do you have something like `import ReactDOMServer from 'react-dom/server'.` at the top lines of your .js file? — Dan Cantir, Mar 22 '17 at 13:58
If I console.log ReactDOMServer.renderToString it return function — Khotey Vitaliy, Mar 22 '17 at 13:59
Ok, and what if you try to call `renderToString` like this `ReactDOMServer.renderToString`? — Dan Cantir, Mar 22 '17 at 14:00

score 8 · Accepted Answer · answered Mar 22 '17 at 14:02

8

I suggest you write it like this:

const ReactDOMServer = require('react-dom/server');
const appHtml = ReactDOMServer.renderToStaticMarkup (
    <Provider store={store}>
      <StaticRouter location={location} context={routeContext}>
        <App />
      </StaticRouter>
    </Provider>
);

I hope it helps you.

answered Mar 22 '17 at 14:02

alireza

518
5
15

Thank you!! I was looking for this exact functionality. – Kate Sep 12 '17 at 19:52

ReactDOMServer.renderToString is not a function

1 Answers1