fix: fix

Author: li-jia-nan

docs/examples/case.tsx

@@ -58,7 +58,7 @@ function useControl<T>(valuePropName: string, defaultValue: T): [T, any] {
 
 const LabelItem: React.FC<{
   title: React.ReactNode;
-  children: React.ReactElement;
+  children: React.ReactElement<any>;
   [prop: string]: any;
 }> = ({ title, children, ...rest }) => {
   const { type } = children;

pnpm-lock.yaml

@@ -6,7 +6,7 @@ export interface PopupContentProps {
 }
 
 const PopupContent = React.memo(
-  ({ children }: PopupContentProps) => children as React.ReactElement,
+  ({ children }: PopupContentProps) => children as React.ReactElement<any>,
   (_, next) => next.cache,
 );
 

src/Popup/PopupContent.tsx

@@ -9,7 +9,7 @@ import type { TriggerProps } from '.';
 
 export interface TriggerWrapperProps {
   getTriggerDOMNode?: TriggerProps['getTriggerDOMNode'];
-  children: React.ReactElement;
+  children: React.ReactElement<any>;
 }
 
 const TriggerWrapper = React.forwardRef<HTMLElement, TriggerWrapperProps>(

src/TriggerWrapper.tsx

@@ -13,10 +13,10 @@ export default function useWinClick(
   inPopupOrChild: (target: EventTarget) => boolean,
   triggerOpen: (open: boolean) => void,
 ) {
-  const openRef = React.useRef(open);
+  const openRef = React.useRef<boolean>(open);
   openRef.current = open;
 
-  const popupPointerDownRef = React.useRef(false);
+  const popupPointerDownRef = React.useRef<boolean>(false);
 
   // Click to hide is special action since click popup element should not hide
   React.useEffect(() => {

src/hooks/useWinClick.ts

@@ -46,7 +46,7 @@ export interface TriggerRef {
 // New version will not wrap popup with `rc-trigger-popup-content` when multiple children
 
 export interface TriggerProps {
-  children: React.ReactElement;
+  children: React.ReactElement<any>;
   action?: ActionType | ActionType[];
   showAction?: ActionType[];
   hideAction?: ActionType[];
@@ -248,7 +248,7 @@ export function generateTrigger(
     });
 
     // ========================== Children ==========================
-    const child = React.Children.only(children) as React.ReactElement<any>;
+    const child = React.Children.only(children);
     const originChildProps = child?.props || {};
     const cloneProps: typeof originChildProps = {};
 

src/index.tsx

@@ -4,7 +4,7 @@ import { generateTrigger } from './index';
 interface MockPortalProps {
   open?: boolean;
   autoDestroy?: boolean;
-  children: React.ReactElement;
+  children: React.ReactElement<any>;
   getContainer?: () => HTMLElement;
 }