Material UI - 分隔线不在 React 中间

Question

标题说明了一切 - 我的分隔符不在文本中间。我当前的结果如下所示：

但我希望我的分隔线像这样位于中间（参见红线）

奇怪的是，material ui 文档表明这是默认行为，但由于某种原因，对我来说情况并非如此。

我的代码如下：

<Divider textAlign="center" variant="inset"><Typography variant="h3">About</Typography></Divider>

Answer 1

将 Divider 组件包装在 div 或 Box 中应该可以解决问题：

<div>
     <Divider>About</Divider>
</div>