求问 如何解决antd 日期面板首次展示会渲染两次

Question

import "react-app-polyfill/ie11";
import "react-app-polyfill/stable";
import React, { useState } from "react";
import ReactDOM from "react-dom";

import dayjsGenerateConfig from "rc-picker/lib/generate/dayjs";
import generatePicker from "antd/lib/date-picker/generatePicker";
import locale from "antd/es/date-picker/locale/zh_CN";
import "dayjs/locale/zh-cn";
// import format from "dayjs";
import "antd/es/date-picker/style/css";
import "./index.css";

const DatePicker = generatePicker(dayjsGenerateConfig);

const App = () => {
    const [show, setShow] = useState(false);
    return (
        <div className="box">
            <button className="btn" onClick={() => setShow(show => !show)}>
                按钮
            </button>
            {show && (
                <DatePicker
                    locale={locale}
                    onChange={(date, dateString) =>
                        console.log("dateString: ", dateString)
                    }
                />
            )}
        </div>
    );
};

ReactDOM.render(<App />, document.getElementById("root"));