我的问题是，一个组件似乎没有收到正确的redux状态（及时？），因此在此redux状态下不显示侧边栏组件。调用的页面看起来像：

const MyLandingPage: NextPage = () => {
  const { setLayout } = useSetLayout(); // the Redux dispatch method, see below
  ...
  useEffect(
    () => {
      setLayout({
        sidebar: {
          content: <FeedSidebar filters={filters} setFilters={setNewFilters} />
      });
    },
    [...]
  );
  return <MyComponent ... />
}

此页面将嵌入到我的Layout.tsx的侧列中：

export const Layout: React.FC = () => {
  const sidebar = useSidebarContentSelector(); // the Redux selection method, see below
  console.log('sidebar in Layout:', sidebar);
  return <SomeOtherComponents>{sidebar?.content}<SomeOtherComponents>;
}

侧边栏状态的Redux相关钩子看起来像这样：

export const useSidebarContentSelector = () => useSelector((state: RootState) => state.sidebarContent);

export const useSetLayout = () => {
  const { setSidebar } = sidebarContentSlice.actions;
  const dispatch = useAppDispatch();
  return {
    setLayout: (commands: { sidebar?: SidebarState) => {
      console.log('setting sidebar:', commands.sidebar);
      dispatch(setSidebar(commands.sidebar));
    }
  }  
}

日志内容如下：

sidebar in Layout: null
setting sidebar: Object { content: {…} }
sidebar in Layout: null

useSidebarContentSelector和useSidebarContentDispatch在其他情况下工作，我相当肯定他们是好的。但是由于某种原因，Layout.tsx中的侧边栏没有接收到更新，我认为只是继续显示SSR的状态。
我很感激任何想法，为什么更新的侧边栏没有收到dispite正在派遣和Layout组件重新渲染！