chore(types): Deprecated ReactComponentElement

codershiba · codershiba · commit a2f0a45ae7ac · 2024-02-22T11:08:41.000Z
diff --git a/types/brainhubeu__react-carousel/.eslintrc.json b/types/brainhubeu__react-carousel/.eslintrc.json
@@ -0,0 +1,5 @@
+{
+    "rules": {
+        "@typescript-eslint/no-empty-interface": "off"
+    }
+}
diff --git a/types/brainhubeu__react-carousel/brainhubeu__react-carousel-tests.tsx b/types/brainhubeu__react-carousel/brainhubeu__react-carousel-tests.tsx
@@ -5,6 +5,7 @@ import Carousel, {
     clickToChangePlugin,
     Dots,
     fastSwipePlugin,
+    type ImgProps,
     infinitePlugin,
     rtlPlugin,
     slidesToScrollPlugin,
@@ -18,7 +19,7 @@ interface MyCarouselProps {
 
 interface MyCarouselState {
     value: number;
-    slides: Array<React.ReactComponentElement<"img">>;
+    slides: ImgProps[];
 }
 
 class MyCarousel extends React.Component<MyCarouselProps, MyCarouselState> {
diff --git a/types/brainhubeu__react-carousel/index.d.ts b/types/brainhubeu__react-carousel/index.d.ts
@@ -1,5 +1,5 @@
 import * as React from "react";
-export type ImgProps = React.ReactComponentElement<"img">;
+export type ImgProps = ReactComponentElement<"img">;
 
 export interface DotsProps {
     number?: number | undefined;
@@ -68,3 +68,10 @@ export const centeredPlugin: CarouselPluginFunc;
 export const slidesToScrollPlugin: CarouselPluginFunc;
 export const arrowsPlugin: CarouselPluginFunc;
 export const fastSwipePlugin: CarouselPluginFunc;
+
+interface ReactComponentElement<
+    T extends keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>,
+    P = Pick<React.ComponentProps<T>, Exclude<keyof React.ComponentProps<T>, "key" | "ref">>,
+> extends React.ReactElement<P, Exclude<T, number>> {}
+
+export {};
diff --git a/types/react/index.d.ts b/types/react/index.d.ts
@@ -134,6 +134,9 @@ declare namespace React {
         key: string | null;
     }
 
+    /**
+     * @deprecated
+     */
     interface ReactComponentElement<
         T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>,
         P = Pick<ComponentProps<T>, Exclude<keyof ComponentProps<T>, "key" | "ref">>,
diff --git a/types/react/ts5.0/index.d.ts b/types/react/ts5.0/index.d.ts
@@ -136,6 +136,9 @@ declare namespace React {
         key: string | null;
     }
 
+    /**
+     * @deprecated
+     */
     interface ReactComponentElement<
         T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>,
         P = Pick<ComponentProps<T>, Exclude<keyof ComponentProps<T>, "key" | "ref">>,

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +{
 +    "rules": {
 +        "@typescript-eslint/no-empty-interface": "off"
 +    }
 +}
Original file line number	Diff line number	Diff line change
`@@ -134,6 +134,9 @@ declare namespace React {`
`134`	`134`	`key: string \| null;`
`135`	`135`	`}`
`136`	`136`
	`137`	`+ /**`
	`138`	`+ * @deprecated`
	`139`	`+ */`
`137`	`140`	`interface ReactComponentElement<`
`138`	`141`	`T extends keyof JSX.IntrinsicElements \| JSXElementConstructor<any>,`
`139`	`142`	`P = Pick<ComponentProps<T>, Exclude<keyof ComponentProps<T>, "key" \| "ref">>,`
Original file line number	Diff line number	Diff line change
`@@ -136,6 +136,9 @@ declare namespace React {`
`136`	`136`	`key: string \| null;`
`137`	`137`	`}`
`138`	`138`
	`139`	`+ /**`
	`140`	`+ * @deprecated`
	`141`	`+ */`
`139`	`142`	`interface ReactComponentElement<`
`140`	`143`	`T extends keyof JSX.IntrinsicElements \| JSXElementConstructor<any>,`
`141`	`144`	`P = Pick<ComponentProps<T>, Exclude<keyof ComponentProps<T>, "key" \| "ref">>,`