MUI X Data Grid持续刷新闪烁、内容不断增多的问题求助

大家好，我现在碰到个头疼的问题，想请各位帮忙指点一下！我用的是"@mui/x-data-grid": "^7.18.0"版本，写了个从API获取数据后绑定到Data Grid的逻辑，代码其实挺简单的，但Data Grid底部的高亮区域一直在闪烁，而且内容还在不断变长，我实在找不到问题出在哪，麻烦大家帮忙看看，谢谢啦！

我的代码大概是这样的：

const [adUsers, setADUsers] = useState<IADUser[]>([]);
const [showLoader, setShowLoader] = useState<boolean | undefined>(undefined);
const [showGrid, setShowGrid] = useState<boolean | undefined>(undefined);

const onSearchHandle = (e: any) => {
    if (validate()) {
        setShowLoader(true);
        let response: IADUser[];
        userStore.getAdUsers(searchText).then((data) => {
            setADUsers(data);
        });

        setShowLoader(false); // 这里代码没写完，但核心逻辑是这样的
    }
};

我真的搞不懂哪里出错了，明明逻辑很直白，却出现了这种持续闪烁和内容增多的问题，希望能得到大家的建议！

备注：内容来源于stack exchange，提问作者rohit