<p dir="auto">The <a href="https://material-ui-next.com/style/typography/" rel="nofollow">Typography demo page</a> is not in the menu under the component demos tab, even though the page exists. I've found it from the typography api page.<br>
Adding it to the menu will make this content available for people!</p>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<p dir="auto">Hi <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/oliviertassinari/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/oliviertassinari">@oliviertassinari</a>,</p>
<p dir="auto">Thank you for writing this library! It's definitely one of my favorite sources for learning how to write React components.</p>
<p dir="auto">Minor question - I'm reading the <a href="https://material-ui-next.com/customization/css-in-js/#api" rel="nofollow">CSS-in-JS section of the v1 docs</a>, and correct me if I'm wrong, I think I see 2 definitions of "higher-order component"...</p>
<p dir="auto"><strong>Definition 1</strong></p>
<blockquote>
<p dir="auto">We use the <code class="notranslate">withStyles</code> higher-order component to inject an array of styles...</p>
</blockquote>
<p dir="auto"><strong>Definition 2</strong></p>
<blockquote>
<p dir="auto">API<br>
<code class="notranslate">withStyles(styles, [options]) =&gt; Higher-order Component</code></p>
</blockquote>
<p dir="auto">If I understood this correctly, the docs are saying that <code class="notranslate">withStyles</code> is a HOC that returns a HOC?</p>
<p dir="auto">I think the <a href="https://reactjs.org/docs/higher-order-components.html" rel="nofollow">React docs on HOCs</a> seem to prefer the 1st definition; preferring instead to call the returned object an <code class="notranslate">EnhancedComponent</code>.</p>
<p dir="auto">I'm not too worried about this personally, but I think this part of the docs may be confusing for those unfamiliar with the HOC term.</p>
<p dir="auto">&lt;aside&gt;I don't personally resonate with the React official definition... I think it's confusing that <strong>React</strong> Components can be rendered but <strong>Higher-order</strong> Components can't; but this definition seems to be standard now so I've gotten used to it.&lt;/aside&gt;</p>
<p dir="auto">Thoughts?</p>