Reactjs React Material UI：在输入以外的内容上浮动标签

我制作了一个不依赖输入的自定义组件（它实际上是在树中显示路径选择）

我希望在我的应用程序中集成这个组件，使其具有与任何其他输入组件完全相同的外观和感觉。我真正想要的是浮动标签，如果值为null或未定义，则在编辑器中发生；如果编辑器有值，则浮动在编辑器上方

我找不到任何方法可以在不基于输入的组件上实现这一点。我在材料ui文档中遗漏了什么吗

以下是我开发的代码沙盒：

编辑：布尔属性收缩，这应该有助于实现这一技巧，但标签的位置仍然处于关闭状态

Edit2：似乎相关控件的高度必须为64px，标签的位置才能正常。需要根据值引导整个行为。稍后将发布完全更正的codesandbox