sebastian review

docs/src/pages/css-in-js/advanced/advanced.md

@@ -234,8 +234,6 @@ export default App;
 
 ## Server-side rendering
 
-Material-UI supports concurrent server-side rendering.
-
 This example returns a string of html and inlines the critical css required right before it’s used:
 
 ```jsx

packages/material-ui-styles/src/ServerStyleSheets/ServerStyleSheets.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 
-class ServerStyleSheets {
-  collect(children: React.ReactNode, options?: object): any;
+declare class ServerStyleSheets {
+  constructor(options?: object);
+  collect(children: React.ReactNode, options?: object): void;
   toString(): string;
   getStyleElement(props?: object): React.ReactElement;
 }

packages/material-ui-styles/src/ServerStyleSheets/ServerStyleSheets.js

@@ -1,5 +1,3 @@
-/* eslint-disable react/no-danger */
-
 import React from 'react';
 import { SheetsRegistry } from 'jss';
 import StylesProvider from '../StylesProvider';
@@ -32,13 +30,16 @@ class ServerStyleSheets {
   }
 
   getStyleElement(props) {
-    return (
-      <style
-        id="jss-server-side"
-        key="jss-server-side"
-        dangerouslySetInnerHTML={{ __html: this.toString() }}
-        {...props}
-      />
+    return React.createElement(
+      'style',
+      Object.assign(
+        {
+          id: 'jss-server-side',
+          key: 'jss-server-side',
+          dangerouslySetInnerHTML: { __html: this.toString() },
+        },
+        props,
+      ),
     );
   }
 }

packages/material-ui-styles/src/StylesProvider/StylesProvider.js

@@ -37,9 +37,7 @@ function StylesProvider(props) {
 
   warning(
     typeof window !== 'undefined' || context.sheetsManager,
-    [
-      'Material-UI: you need to use the ServerStyleSheets API when rendering on the server.',
-    ].join('\n'),
+    'Material-UI: you need to use the ServerStyleSheets API when rendering on the server.',
   );
 
   return <StylesContext.Provider value={context}>{children}</StylesContext.Provider>;