well done

mui · Oct 10, 2018 · 2a5ba0d · 2a5ba0d
1 parent e9f6447
commit 2a5ba0d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/docs/src/pages/layout/breakpoints/RenderPropsWithWidth.js b/docs/src/pages/layout/breakpoints/RenderPropsWithWidth.js
@@ -5,12 +5,12 @@ import toRenderProps from 'recompose/toRenderProps';
 
 const WithWidth = toRenderProps(withWidth());
 
-function WithWidthDemo() {
+function RenderPropsWithWidth() {
   return (
     <WithWidth>
       {({ width }) => <Typography variant="subtitle1">Current width: {width}</Typography>}
     </WithWidth>
   );
 }
 
-export default WithWidthDemo;
+export default RenderPropsWithWidth;
diff --git a/docs/src/pages/layout/breakpoints/breakpoints.md b/docs/src/pages/layout/breakpoints/breakpoints.md
@@ -41,10 +41,10 @@ In the following demo, we change the rendered DOM element (*em*, <u>u</u>, ~~del
 
 ⚠️ `withWidth()` server-side rendering support is limited.
 
-## Render Props
+### Render Props
 
-In some cases you could have prop name collisions using higher-order components.
-In those cases you can use [render props](https://reactjs.org/docs/render-props.html) like in the following demo.
+In some cases, you could have property name collisions using higher-order components.
+To avoid the issue, you can use the [render props](https://reactjs.org/docs/render-props.html) pattern like in the following demo.
 
 {{"demo": "pages/layout/breakpoints/RenderPropsWithWidth.js"}}