如何使用Material UI的Swipeable Drawer实现可拖拽展开的Bottom Sheet

我尝试使用Material UI的Swipeable Drawer组件实现Bottom Sheet效果。
我需要实现的效果是：默认仅展示携带部分信息的底部面板，用户拖拽时可展开显示全部内容，预期效果如下图所示：

我参考了相关公开示例调整代码，但始终无法正常显示符合要求的底部面板，尝试了多种修改方案都未解决，暂时无法定位问题原因。

内容的提问来源于stack exchange，提问作者Yerlan Yeszhanov