<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 would like to have an Avatar component with the logged in person's image.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Does not work, only if I import the image at the top, and write a static string as src.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">Here is my code. I get user.img from this.state. I checked, it is the right value.</p>
<p dir="auto"><code class="notranslate">&lt;Avatar src={</code>img/${user.img}.jpg<code class="notranslate">}/&gt;</code></p>
<h2 dir="auto">Your Environment</h2>
<p dir="auto">Using create-react-app</p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>v0.19.2</td>
</tr>
<tr>
<td>React</td>
<td>v15.6.1</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 62</td>
</tr>
</tbody>
</table>
<h3 dir="auto">Problem description</h3>
<p dir="auto">It's inconsistence, but seems like <code class="notranslate">TabIndicator</code>'s width does not calculated correctly.</p>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: 1.0.0-alpha.21</li>
<li>React: 15.6.1</li>
<li>Browser: Safari</li>
</ul>
<h3 dir="auto">Images &amp; references</h3>
<p dir="auto">When defined with:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1577655/27951303-1ead8000-630d-11e7-8a07-5780554a4d7f.png"><img width="295" alt="screen shot 2017-07-07 at 12 08 59 pm" src="https://user-images.githubusercontent.com/1577655/27951303-1ead8000-630d-11e7-8a07-5780554a4d7f.png" style="max-width: 100%;"></a></p>
<p dir="auto">You get this:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1577655/27951282-0c0be860-630d-11e7-91d2-e0c974691b39.png"><img width="136" alt="screen shot 2017-07-07 at 12 01 57 pm" src="https://user-images.githubusercontent.com/1577655/27951282-0c0be860-630d-11e7-91d2-e0c974691b39.png" style="max-width: 100%;"></a></p>
<hr>
<p dir="auto">When commenting out the width it works:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1577655/27951317-2a5e07da-630d-11e7-9153-df35d5788df2.png"><img width="300" alt="screen shot 2017-07-07 at 12 09 05 pm" src="https://user-images.githubusercontent.com/1577655/27951317-2a5e07da-630d-11e7-9153-df35d5788df2.png" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1577655/27951327-2f8dd334-630d-11e7-9905-e410f036cd78.png"><img width="176" alt="screen shot 2017-07-07 at 12 09 09 pm" src="https://user-images.githubusercontent.com/1577655/27951327-2f8dd334-630d-11e7-9905-e410f036cd78.png" style="max-width: 100%;"></a></p>