The latest version of Chrome and Safari support `hr` elements as children of `select` elements, and the HTML spec has been updated – but React warns about this as it used to be invalid HTML.

- https://developer.chrome.com/blog/hr-in-select
- https://webkit.org/blog/14445/webkit-features-in-safari-17-0/#:~:text=Horizontal%20rules%20inside%20select%20elements
- https://html.spec.whatwg.org/#the-select-element-2:~:text=Zero%20or%20more%20option%2C%20optgroup%2C%20hr%2C%20and%20script%2Dsupporting%20elements.
- https://html.spec.whatwg.org/#the-select-element-2:~:text=Occasionally%20it%20can%20be%20useful%20to%20have%20a%20separator%3A

<img width="800" height="811" src="https://wd.imgix.net/image/HodOHWjMnbNw56hvNASHWSgZyAf2/55LrQnjhGNU5h22nq2PK.jpg?auto=format" 
 alt="Screenshot of before and after with hr in select. The after image has dividers between groups.">

React version: `18.2.0`

## Steps To Reproduce

1. Add a `hr` element as a child of `select`

## The current behavior

`Warning: validateDOMNesting: <hr> cannot appear as a child of <select>`


## The expected behavior

No `validateDOMNesting` warning.

if (__DEV__) {
    if (isTagValidWithParent('#text', parentTag)) {
      return;
    }
    
    const warnKey = '#text|' + parentTag;
    if (didWarn[warnKey]) {
      return;
    }
    didWarn[warnKey] = true;
    if (/\S/.test(childText)) {
      console.error(
        'validateDOMNesting(...): Text nodes cannot appear as a child of <%s>.',
        parentTag,
      );
    } else {
      console.error(
        'validateDOMNesting(...): Whitespace text nodes cannot appear as a child of <%s>. ' +
          "Make sure you don't have any extra whitespace between tags on " +
          'each line of your source code.',
        parentTag,
      );
    }
  }
}
export {updatedAncestorInfoDev, validateDOMNesting, validateTextNesting};