react-three-fiber shader uv 在组件内部出错

Question

我正在尝试修改来自 react-flow-renderer (React Flow Audio) 的示例以在每个节点内渲染着色器。为此，我有一个输出 UV 的测试着色器，但在节点内部时它看起来不正确，因为并非所有颜色光谱都是可见的。但是，如果我直接在

index.js

中使用相同的着色器（作为功能组件导出），它会按预期进行渲染。

这里是一个重现问题的沙箱：CodeSandbox。

index.js

中的注释行 11 或 12 显示了这种情况。以下是一些快照：

我已经尝试了一切，但我无法找出问题所在。我想使用该画布进行光线移动，除了从画布中心平移之外，结果呈现得很好。

任何帮助表示赞赏。