SSR not working anymore since 2.3.0

[hrasoa]

I created a small app with razzle here: https://github.com/hrasoa/react-live

import React from 'react';
import {
  LiveProvider,
  LivePreview
} from 'react-live'

const App = () => (
  <LiveProvider code="<strong>Hello World!</strong>">
    <LivePreview />
  </LiveProvider>
);

export default App;

With [email protected]

<div id="root"><div><strong>Hello World!</strong></div></div>

From [email protected]

<div id="root"><div></div></div>

[jpdriver]

hey @hrasoa -- thanks for opening this issue and for providing a sample app.

unfortunately due to changes introduced in 2.3.0 (the adoption of useEffect and useState hooks in <LiveProvider />), react-live no longer supports SSR.

however, this only affects the initial HTML sent from your server. once your app rehydrates on the client-side, everything will mount and work as expected.

[tujoworker]

Here is a PR that supports SSR ✨