javascript - 为 Mui IconButton 添加类时无法聚焦

我如何让 Mui IconButton 显示类似于用户使用键盘导航到按钮时的 focusVisible 样式？

目前，如果你使用键盘进行导航，按钮上会显示焦点样式。但是，当我尝试将 'Mui-focusVisible' 类添加到按钮时，什么也没有发生。我检查了 DOM，它显示该类已被添加，但对样式没有任何影响。

当前实现：

我有一个钩子，可以获取最后一个被点击的按钮：

const activeElement = useActiveInputElement();

然后我有一个 useEffect，根据某些条件添加 focus 类。

useEffect(() => {
    if (lastFocusedElementId) {
      window.setTimeout(() => document.getElementById(lastFocusedElementId)?.focus(), 0);
    }
  }, []);

这是图标按钮

<IconButton
      id={props.id}
      sx={props.sx}
    >
      {icon}
    </IconButton>

当我在控制台打印 activeElement 和 lastFocusedElementId 时，我得到了正确的元素，但当我添加类时，没有应用任何样式更改。有任何想法吗？