<p dir="auto">Since latest beta, the generated transition property for tabs indicator is <code class="notranslate">  transition: all 300ms cubic-bezier(0.4, false, false.2, false) 0ms</code> which is invalid</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>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">The default transitions property should be properly generated.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">The default transitions property is wrong.</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>beta 28</td>
</tr>
<tr>
<td>React</td>
<td>16</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 63</td>
</tr>
<tr>
<td>etc</td>
<td>TS 2.6.2</td>
</tr>
</tbody>
</table>
<p dir="auto">After installing the <a href="https://github.com/mui-org/material-ui/tree/v1-beta/examples/create-react-app-with-typescript">typescript/material/react</a> example I saw that the build was failing. Then I found these two issues regarding the build problems I was experiencing: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="288475324" data-permission-text="Title is private" data-url="https://github.com/mui/material-ui/issues/9881" data-hovercard-type="issue" data-hovercard-url="/mui/material-ui/issues/9881/hovercard" href="https://github.com/mui/material-ui/issues/9881">#9881</a>, <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="288429450" data-permission-text="Title is private" data-url="https://github.com/mui/material-ui/issues/9873" data-hovercard-type="issue" data-hovercard-url="/mui/material-ui/issues/9873/hovercard" href="https://github.com/mui/material-ui/issues/9873">#9873</a></p>
<p dir="auto">I would like to suggest fixing the dependency versions in place. They don't need to be exact of course.</p>
<p dir="auto">With the dependencies declared as <code class="notranslate">latest</code> I don't have a starting point for debugging.</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>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">Example build should always be working as it's a starting point for new users.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Build is broken and will be in the future as well.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Clone the example</li>
<li>Try to build</li>
<li>It will fail</li>
</ol>
<h2 dir="auto">Your Environment</h2>

<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&quot;dependencies&quot;: {
  &quot;material-ui&quot;: &quot;next&quot;,
  &quot;react&quot;: &quot;latest&quot;,
  &quot;react-dom&quot;: &quot;latest&quot;,
  &quot;react-scripts-ts&quot;: &quot;latest&quot;
},
&quot;devDependencies&quot;: {
  &quot;@types/jest&quot;: &quot;latest&quot;,
  &quot;@types/node&quot;: &quot;latest&quot;,
  &quot;@types/react&quot;: &quot;latest&quot;,
  &quot;@types/react-dom&quot;: &quot;latest&quot;,
  &quot;@types/react-transition-group&quot;: &quot;^2.0.6&quot;
}"><pre class="notranslate"><code class="notranslate">"dependencies": {
  "material-ui": "next",
  "react": "latest",
  "react-dom": "latest",
  "react-scripts-ts": "latest"
},
"devDependencies": {
  "@types/jest": "latest",
  "@types/node": "latest",
  "@types/react": "latest",
  "@types/react-dom": "latest",
  "@types/react-transition-group": "^2.0.6"
}
</code></pre></div>