client-side.js

import { ReleasyProvider, Config, Link, renderToStringWithData } from 'react-releasy';

const config = new Config({
  link: new Link({
    url: 'https://yourserveraddress.com/graphql',
  }),
});

const Application = (
  <ReleasyProvider config={config}>
    <App />
  </ReleasyProvider>
);

const root = document.getElementById('root');

if (root.hasChildNodes() === true) {
  ReactDOM.hydrate(Application, root);
} else {
  ReactDOM.render(Application, root);
}