<p dir="auto">Using material-ui 0.14.0-rc2</p>
<p dir="auto">The documentation for using custom themes states that a raw theme can be defined as:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="{
  spacing: Spacing,
  fontFamily: 'Roboto, sans-serif',
  palette: {
    primary1Color: Colors.cyan500,
    primary2Color: Colors.cyan700,
    primary3Color: Colors.lightBlack,
    accent1Color: Colors.pinkA200,
    accent2Color: Colors.grey100,
    accent3Color: Colors.grey500,
    textColor: Colors.darkBlack,
    alternateTextColor: Colors.white,
    canvasColor: Colors.white,
    borderColor: Colors.grey300,
    disabledColor: ColorManipulator.fade(Colors.darkBlack, 0.3),
  },
}"><pre class="notranslate"><code class="notranslate">{
  spacing: Spacing,
  fontFamily: 'Roboto, sans-serif',
  palette: {
    primary1Color: Colors.cyan500,
    primary2Color: Colors.cyan700,
    primary3Color: Colors.lightBlack,
    accent1Color: Colors.pinkA200,
    accent2Color: Colors.grey100,
    accent3Color: Colors.grey500,
    textColor: Colors.darkBlack,
    alternateTextColor: Colors.white,
    canvasColor: Colors.white,
    borderColor: Colors.grey300,
    disabledColor: ColorManipulator.fade(Colors.darkBlack, 0.3),
  },
}
</code></pre></div>
<p dir="auto">However, if you use such a theme with the AppBar component, you'll end up with the following error:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="Uncaught TypeError: Cannot read property 'appBar' of undefined
getStyles @ app-bar.js:195
render @ app-bar.js:258"><pre class="notranslate"><span class="pl-v">Uncaught</span> TypeError: <span class="pl-v">Cannot</span> <span class="pl-s1">read</span> <span class="pl-s1">property</span> <span class="pl-s">'appBar'</span> <span class="pl-s1">of</span> <span class="pl-c1">undefined</span>
<span class="pl-s1">getStyles</span> @ <span class="pl-s1">app</span><span class="pl-c1">-</span><span class="pl-s1">bar</span><span class="pl-kos">.</span><span class="pl-c1">js</span>:<span class="pl-c1">195</span>
<span class="pl-s1">render</span> @ <span class="pl-s1">app</span><span class="pl-c1">-</span><span class="pl-s1">bar</span><span class="pl-kos">.</span><span class="pl-c1">js</span>:<span class="pl-c1">258</span></pre></div>
<p dir="auto">The code that's failing is in <code class="notranslate">app-bar.js</code> on this line: <code class="notranslate">zIndex: rawTheme.zIndex.appBar,</code></p>
<p dir="auto">In order to fix this, you must add the following to the raw theme:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="zIndex: {
    appBar: 1
}"><pre class="notranslate"><code class="notranslate">zIndex: {
    appBar: 1
}
</code></pre></div>
<p dir="auto">Is the documentation missing zIndex values? Or is the AppBar component not properly handling themes ? Not sure exactly where the inconsistency is.</p>
<p dir="auto">just upgraded to rc2 and the <code class="notranslate">tooltip</code> prop on my <code class="notranslate">IconButton</code> just broke. Works fine when I remove the <code class="notranslate">tooltip</code> prop.</p>