React原子设计模式中简单管理道具的方式

Question

我在我的 React 项目中采用了原子设计模式，并将其与 TypeScript 一起使用。

但是props从pages下降到atoms时，经常会出现最多达到5层的情况

在这种情况下，如果从页面接收到的道具之一发生变化，则必须在五个组件中的每一个中更改单个道具的类型。我认为这是一个非常低效的操作。

好久没用原子设计模式了，可能用错了，还望指教

下面是我当前项目的文件夹结构。

我正在使用这样的界面。

我想在重构时不那么烦人，更容易修复。 TypeScript 的界面既帮助我又困扰我。

我尝试使用全局状态管理库，但它的负面影响是使代码更复杂。