‘DatePicker.RangePicker‘ cannot be used as a JSX component.

 import React from 'react';
   import { Card, DatePicker } from "antd";
   const {RangePicker} = DatePicker;
   
   const HomePage: React.FC = () => {
   
   	const cardExtra = (
    	<div>
      	<RangePicker
        	onChange={onHandleDateRangerChange}
        	onOk={onHandleDateOk}
        	defaultValue={
          	beginDate && endDate
            	? [moment(beginDate, dateFormat), moment(endDate, dateFormat)]
            	: undefined
        	}
        	style={{
          	fontWeight: 'normal',
          	width: '260px',
        	}}
      	/>
    	</div>
    	);
    	
    	return (
    	<>
    	    ...
    		<Card title={' '} extra={cardExtra}>
    		</Card>
    		...
    	</>);
    
    };
    
    export default HomePage;

const {RangePicker} = DatePicker;
修改为
const RangePicker: any = DatePicker.RangePicker;