<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.<br>
Previously reported in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="268732075" data-permission-text="Title is private" data-url="https://github.com/mui/material-ui/issues/8855" data-hovercard-type="issue" data-hovercard-url="/mui/material-ui/issues/8855/hovercard" href="https://github.com/mui/material-ui/issues/8855">#8855</a>. Re-opening with reproducible example.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">Selecting MenuItem in Select component connected to redux-form sets redux-form field value to MenuItem value.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Redux-form field value is briefly set to MenuItem value, but then is re-set to <code class="notranslate">0</code>. I suspect the root cause is related to Select component's onBlur propagating an <code class="notranslate">event.value.taget</code> of value <code class="notranslate">0</code> to the redux-form reducer. Overriding onBlur in Select component results in expected behavior. The current behavior appears to have been introduced in 1.0.0-beta.18.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li>Example of expected behavior in material-ui@1.0.0-beta.17: <a href="https://codesandbox.io/s/3vqn815voq" rel="nofollow">https://codesandbox.io/s/3vqn815voq</a></li>
<li>Example of observed behavior in material-ui@1.0.0-beta.18: <a href="https://codesandbox.io/s/lrk7k607p7" rel="nofollow">https://codesandbox.io/s/lrk7k607p7</a></li>
<li>Example of observed behavior in material-ui@1.0.0-beta.19: <a href="https://codesandbox.io/s/qy6v4jpq6" rel="nofollow">https://codesandbox.io/s/qy6v4jpq6</a></li>
<li>Example of expected behavior when overriding Select component's onBlur in material-ui@1.0.0-beta.19 (see SimpleSelect.js and console): <a href="https://codesandbox.io/s/nrlnnnm3j4" rel="nofollow">https://codesandbox.io/s/nrlnnnm3j4</a></li>
</ol>
<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>1.0.0-beta.19</td>
</tr>
<tr>
<td>React</td>
<td>16.0.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 62.0.3202.75</td>
</tr>
<tr>
<td>redux-form</td>
<td>7.1.2</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/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"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/11488886/35180880-73bb38fc-fdeb-11e7-89a3-9afb182c2315.png"><img src="https://user-images.githubusercontent.com/11488886/35180880-73bb38fc-fdeb-11e7-89a3-9afb182c2315.png" alt="image" style="max-width: 100%;"></a></p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/11488886/35180941-3067cab0-fdec-11e7-8393-3ce77da5d52a.png"><img src="https://user-images.githubusercontent.com/11488886/35180941-3067cab0-fdec-11e7-8393-3ce77da5d52a.png" alt="image" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">This problem only occur when I use <code class="notranslate">next()</code> function, so created a <a href="https://goo.gl/KHSUF3" rel="nofollow">repo</a> for this</p>
<ol dir="auto">
<li>Clone the <a href="https://goo.gl/KHSUF3" rel="nofollow">repo</a> and install npm dependencies.</li>
<li>Run <code class="notranslate">npm run dev</code> then open <code class="notranslate">localhost:3000</code>, an AppBar appears as expected.</li>
<li>Run <code class="notranslate">node server.js</code> then open <code class="notranslate">localhost:5000</code>, no AppBar appears.</li>
</ol>
<h2 dir="auto">Context</h2>

<p dir="auto">I'm trying to <code class="notranslate">next()</code> function to serve the site instead of running <code class="notranslate">next start</code>. File <code class="notranslate">server.js</code> contains the code.</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>1.0.0-beta.29</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>Next.js</td>
<td>4.2.3</td>
</tr>
</tbody>
</table>