chore: use React.ReactElement instead of JSX.Element

Author: anlyyao

src/loading/Loading.tsx

@@ -120,7 +120,7 @@ const Loading: React.FC<LoadingProps> = (props) => {
     let renderIndicator = themeMap[theme];
 
     if (indicator && typeof indicator !== 'boolean') {
-      renderIndicator = indicator as React.JSX.Element;
+      renderIndicator = indicator as React.ReactElement;
     }
     return (
       <>

src/tabs/Tabs.tsx

@@ -5,6 +5,7 @@ import Sticky from '../sticky';
 import Badge from '../badge';
 import { TdTabPanelProps, TdTabsProps } from './type';
 import TabPanel from './TabPanel';
+import type { TabPanelProps } from './TabPanel';
 import useConfig from '../hooks/useConfig';
 import { usePrefixClass } from '../hooks/useClass';
 import useDefaultProps from '../hooks/useDefaultProps';
@@ -43,15 +44,15 @@ const Tabs: FC<TabsProps> = (props) => {
     [size, tabsClass],
   );
 
-  const itemProps = useMemo<Array<TdTabPanelProps>>(() => {
+  const itemProps = useMemo<Array<TabPanelProps>>(() => {
     if (list && list.length > 0) {
       return list;
     }
 
     const propsArr = [];
 
-    React.Children.forEach(children, (child: React.JSX.Element) => {
-      if (child.type.displayName === TabPanel.displayName) {
+    React.Children.forEach(children, (child: React.ReactElement<TabPanelProps>) => {
+      if ((child.type as any).displayName === TabPanel.displayName) {
         propsArr.push(child.props);
       }
     });