Improve React types

Signed-off-by: Winner95 <Winner95@users.noreply.github.com>

Author: Winner95

fixtures/Button.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 /** Props for the Button component */
 type ButtonProps = {

fixtures/ComponentWithoutType.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 
+// @ts-ignore
 const ComponentWithoutType = (props) => {
   return <div>{props.title}</div>;
 };

fixtures/ForwardedButton.tsx

@@ -6,6 +6,7 @@ type ButtonProps = {
     label: string;
     /** Optional click handler */
     onClick?: () => void;
+    children?: React.ReactNode;
 };
 
 // TypeError: Cannot read properties of undefined (reading 'length')
@@ -20,5 +21,5 @@ const Button: React.FC<ButtonProps> = ({ label, onClick }) => {
     // You can now get a ref directly to the DOM button:
     const ref = React.createRef();
 
-    return <ForwardedButton ref={ref}>{label}</ForwardedButton>;;
+    return <ForwardedButton ref={ref} label={label}>{label}</ForwardedButton>;;
 };

fixtures/TooltipTarget.tsx

@@ -1,8 +1,22 @@
-import React from 'react';
+import React, { JSX } from 'react';
+
+type TStringOrComponent = string | React.JSXElementConstructor<any>;
+
+type PolymorphicProps<
+  T extends TStringOrComponent,
+  Props = {}
+> = Props &
+  (T extends React.JSXElementConstructor<infer P>
+    ? P
+    : T extends keyof JSX.IntrinsicElements
+    ? JSX.IntrinsicElements[T]
+    : {}) & {
+      as?: T;
+    };
 
 type TooltipTargetOwnProps = {
   isDisabled?: boolean;
-  children: React.ReactNode;
+  children?: React.ReactNode;
 };
 
 type TooltipTargetProps<T extends TStringOrComponent> = PolymorphicProps<

package.json

@@ -33,7 +33,9 @@
   },
   "homepage": "https://github.com/Winner95/typescript-react-function-component-props-handler#readme",
   "devDependencies": {
+    "@types/react": "^19.2.6",
     "jest": "^30.2.0",
+    "react": "^19.2.0",
     "react-docgen": "5.3.0"
   }
 }

yarn.lock

@@ -683,6 +683,13 @@
   dependencies:
     undici-types "~7.16.0"
 
+"@types/react@^19.2.6":
+  version "19.2.6"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-19.2.6.tgz#d27db1ff45012d53980f5589fda925278e1249ca"
+  integrity sha512-p/jUvulfgU7oKtj6Xpk8cA2Y1xKTtICGpJYeJXz2YVO2UcvjQgeRMLDGfDeqeRW2Ta+0QNFwcc8X3GH8SxZz6w==
+  dependencies:
+    csstype "^3.2.2"
+
 "@types/stack-utils@^2.0.3":
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.3.tgz#6209321eb2c1712a7e7466422b8cb1fc0d9dd5d8"
@@ -1071,6 +1078,11 @@ cross-spawn@^7.0.3, cross-spawn@^7.0.6:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
+csstype@^3.2.2:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.2.3.tgz#ec48c0f3e993e50648c86da559e2610995cf989a"
+  integrity sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==
+
 debug@^4.1.0, debug@^4.1.1, debug@^4.3.1:
   version "4.4.3"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
@@ -2056,6 +2068,11 @@ react-is@^18.3.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
   integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
 
+react@^19.2.0:
+  version "19.2.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-19.2.0.tgz#d33dd1721698f4376ae57a54098cb47fc75d93a5"
+  integrity sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==
+
 require-directory@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"