如何在 monorepo 中共享具有 state 的组件

Question

我的 monorepo 中有 3 个工作区。 两个是具有一些常见 forms、表和 API 调用的仪表板。 例如。 两个仪表板中有一个相同的添加组织表单，他们在提交时调用的 API 也相同。

所以我想在名为common的第三个工作区中有这个添加组织表单。

但是添加组织表单使用来自 redux(toolkit) 的 state object。 我还有其他类似的组件也可以从 redux 工具包访问 state。

它像这样访问它

const parentOrg = useSelector(state => state.orgInContext.parentOrg) ；

在这里，如果我在仪表板中使用它， useSelector知道 redux 商店的状态（Typescript）的形状，但如果我在公共工作区中使用它则不知道，因为商店存在于仪表板工作区中并且我这样做了。

export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;

而且我也不确定公共工作区中的组件是否可以访问状态（在执行const parentOrg = useAppSelelector...时）。 我猜它会因为组件在应用程序仪表板中导入时它将位于 redux Provider下。

所以我的问题是，在公共工作区中使用useAppSelector时，如何共享访问存储区 state 的组件，并告诉 Typescript 仪表板工作区存储区 object 的形状。

我是否应该创建和导出通用组件中所需的切片（以便useAppSelector与 TS 一起使用）并稍后将它们添加到仪表板的存储中？ 这似乎不对。 我必须为每个仪表板共同创建切片。

请帮忙。