useContext(TableContext) 返回未定义

Question

在材质 UI 表中，我想从 TableContext (Source) 中读取，它应该由 Table 组件 (Source) 设置。但是：

const table = useContext(TableContext);

在 Table 的子组件中完成时将始终未定义。

Reproduction on Code Sandbox（检查 console.log 输出）

手动将另一个 TableContext 添加到组件树中“解决”了这个问题。但我真的很困惑为什么这不能开箱即用......