<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>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">This is a change request.<br>
In My opinion, it would be helpful if the <code class="notranslate">color</code> prop of Typography is set to <code class="notranslate">inherit</code> by default.<br>
It would also match expectation that when I set a color on a parent component then all children inherit the color (unless overridden).</p>
<p dir="auto">Additionally, it would be awesome if this could be done for <code class="notranslate">Icons</code> as well.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">When I am working on a customised design, I am finding myself writing <code class="notranslate">color="inherit"</code> on Many of the <code class="notranslate">Typography</code> elements across components.</p>
<ol dir="auto">
<li>Create a new Component (I am making a menu) which adds child items recursively (which are different components)</li>
<li>Change Background color and color (text color) of parent component</li>
<li>Child components should have <code class="notranslate">Typography</code> elements.</li>
</ol>
<p dir="auto">Now even though the color is explicitly defined in parent component, still typography needs to have a prop.</p>
<h2 dir="auto">Context</h2>

<p dir="auto">Having to specify color prop many times.</p>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td></td>
</tr>
<tr>
<td>React</td>
<td></td>
</tr>
<tr>
<td>browser</td>
<td></td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<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>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">I have react and react-dom installed and present in my node_modules, and in my webpack.config.js, and I expected my application to compile at least, probably with some syntax errors.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">My code doesn't compile, I get the error: Uncaught Error: Cannot find module "react" in the browser console, and the error: Cannot resolve module 'react' in C:\Users&lt;user&gt;\node_modules\material-ui\Toggle, and this error is repeated for many other material-ui</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Here is a link to my codesandbox project : <a href="https://qzpxwlpkpw.codesandbox.io/" rel="nofollow">https://qzpxwlpkpw.codesandbox.io/</a></p>
<ol dir="auto">
<li>install material-ui v1.0.0-beta.21</li>
<li>edit some example code from the Material Ui website</li>
<li>npm start</li>
<li>ERROR in C:/Users//~/material-ui/Toggle/Toggle.js<br>
Module not found: Error: Cannot resolve module 'react' in C:\Users&lt;user&gt;\node_modules\material-ui\Toggle and this error is repeated for many other material-ui components</li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">I'm trying to get a material-ui table to compile so I can have a play and figure out how I'm going to use it for a project I'm working on. I've installed react and react-dom, and I've checked they appear in node_modules, and have package.json files. I'm really baffled as to what's going on. Since it's working in code sandbox is it something to do with my node modules? If so, how can I figure out what it is that needs fixing?</p>
<h2 dir="auto">Your Environment</h2>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>v1.0.0-beta.21</td>
</tr>
<tr>
<td>React</td>
<td>v15.6.2</td>
</tr>
<tr>
<td>react-dom</td>
<td>v15.6.2</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome v61.0.3163.100 (Official Build) (64-bit)</td>
</tr>
</tbody>
</table>