-
Notifications
You must be signed in to change notification settings - Fork 0
/
gatsby-ssr.js
45 lines (37 loc) · 1.33 KB
/
gatsby-ssr.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
// /* eslint-disable react/no-danger */
// import React from 'react';
// import { renderToString } from 'react-dom/server';
// import { JssProvider } from 'react-jss';
// import getPageContext from './src/getPageContext';
// import { ServerStyleSheet, StyleSheetManager } from "styled-components";
// exports.replaceRenderer = ({ bodyComponent, replaceBodyHTMLString, setHeadComponents }) => {
// // Get the context of the page to collected side effects.
// const pageContext = getPageContext();
// const sheet = new ServerStyleSheet();
// const store = createStore();
// const bodyHTML = renderToString(
// <JssProvider
// registry={pageContext.sheetsRegistry}
// generateClassName={pageContext.generateClassName}
// >
// <Provider store={store}>
// <StyleSheetManager sheet={sheet.instance}>
// {/* {bodyComponent} */}
// {React.cloneElement(bodyComponent, {
// pageContext,
// })}
// </StyleSheetManager>
// </Provider>
// </JssProvider>,
// );
// replaceBodyHTMLString(bodyHTML);
// setHeadComponents([
// sheet.getStyleElement(),
// <style
// type="text/css"
// id="server-side-jss"
// key="server-side-jss"
// dangerouslySetInnerHTML={{ __html: pageContext.sheetsRegistry.toString() }}
// />,
// ]);
// };