Fix types compatibility with React 19 (#5974)

* Fix types compatibility with React 19

* Create tough-hats-help.md

---------

Co-authored-by: Nathan Bierema <[email protected]>

Author: j2ghz

.changeset/tough-hats-help.md

@@ -0,0 +1,5 @@
+---
+'react-select': patch
+---
+
+Fix types compatibility with React 19

package.json

@@ -34,7 +34,7 @@
     "@types/jest-in-case": "^1.0.6",
     "@types/node": "^16.11.68",
     "@types/pretty-proptypes": "^1.1.0",
-    "@types/react": "^16.14.2",
+    "@types/react": "^16.14.60",
     "@types/react-dom": "^16.9.10",
     "@types/react-transition-group": "^4.4.0",
     "@typescript-eslint/eslint-plugin": "^4.14.0",

packages/react-select/src/Select.tsx

@@ -4,6 +4,7 @@ import {
   Component,
   FocusEventHandler,
   FormEventHandler,
+  JSX,
   KeyboardEventHandler,
   MouseEventHandler,
   ReactNode,

packages/react-select/src/components/Control.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode, Ref } from 'react';
+import { JSX, ReactNode, Ref } from 'react';
 import { jsx } from '@emotion/react';
 
 import {

packages/react-select/src/components/Group.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ComponentType, ReactNode } from 'react';
+import { ComponentType, JSX, ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import { cleanCommonProps, getStyleProps } from '../utils';
 

packages/react-select/src/components/Menu.tsx

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import {
   createContext,
+  JSX,
   ReactElement,
   ReactNode,
   Ref,

packages/react-select/src/components/MultiValue.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ComponentType, ReactNode } from 'react';
+import { ComponentType, JSX, ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import { CrossIcon } from './indicators';
 import {

packages/react-select/src/components/Option.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode, RefCallback } from 'react';
+import { JSX, ReactNode, RefCallback } from 'react';
 import { jsx } from '@emotion/react';
 
 import {

packages/react-select/src/components/Placeholder.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { JSX, ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import {
   CommonPropsAndClassName,

packages/react-select/src/components/SingleValue.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import { JSX, ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import {
   CommonPropsAndClassName,