<!--
  Note: if the issue is about documentation or the website, please file it at:
  https://github.com/reactjs/reactjs.org/issues/new
-->

**Do you want to request a *feature* or report a *bug*?** 

Bug 

**What is the current behavior?**

React DOM crashes when `<option>` contains three interpolated value if one is a conditional. 

Reproduction: https://jsfiddle.net/0opjvycp/ 

1. Change the value of the `<select>`
2. React crashes with `NotFoundError: Node was not found` 

From what I can tell, the conditional value is necessary, and it must be three interpolated values. 

**What is the expected behavior?**

React should not crash. 

**Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?**

React DOM 16.2 and 16.0. I think this worked in 15.6 - https://jsfiddle.net/mrwkmuqc/ does not crash 

await render(
            <select defaultValue="baz" value="foo" readOnly={true}>
              <option
                id="foo"
                value="foo"
                dangerouslySetInnerHTML={{
                  __html: 'Foo',
                }}>
                {0}
              </option>
            </select>,
            1,
          );
        },
        'Can only set one of `children` or `props.dangerouslySetInnerHTML`.',
      );
      itThrowsWhenRendering(
        'a select with option that uses dangerouslySetInnerHTML and empty string as child',
        async render => {
          await render(
            <select defaultValue="baz" value="foo" readOnly={true}>
              <option
                id="foo"
                value="foo"
                dangerouslySetInnerHTML={{
                  __html: 'Foo',
                }}>
                {''}
              </option>
            </select>,