🐛 fix: fix rsc layout

src/app/settings/(mobile)/layout.mobile.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { PropsWithChildren, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 

src/app/settings/common/index.tsx

@@ -8,17 +8,16 @@ import { useSwitchSideBarOnInit } from '@/store/global/hooks/useSwitchSettingsOn
 import { SettingsTabs } from '@/store/global/initialState';
 import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
-import Layout from '../layout.responsive';
 import Common from './Common';
 
 export default memo(() => {
   useSwitchSideBarOnInit(SettingsTabs.Common);
   const { t } = useTranslation('setting');
   const pageTitle = genSiteHeadTitle(t('header.global'));
   return (
-    <Layout>
+    <>
       <PageTitle title={pageTitle} />
       <Common />
-    </Layout>
+    </>
   );
 });

src/app/settings/common/layout.tsx

@@ -0,0 +1 @@
+export { default } from '../layout.responsive';

src/layout/GlobalLayout/StoreHydration.tsx

@@ -1,9 +1,14 @@
+import { useResponsive } from 'antd-style';
 import { useRouter } from 'next/navigation';
 import { memo, useEffect } from 'react';
 
 import { useGlobalStore } from '@/store/global';
 import { usePluginStore } from '@/store/plugin';
-import { useOnFinishHydrationSession, useSessionStore } from '@/store/session';
+import {
+  useEffectAfterSessionHydrated,
+  useOnFinishHydrationSession,
+  useSessionStore,
+} from '@/store/session';
 
 const StoreHydration = memo(() => {
   const router = useRouter();
@@ -22,6 +27,15 @@ const StoreHydration = memo(() => {
     store.setState({ router });
   });
 
+  const { mobile } = useResponsive();
+
+  useEffectAfterSessionHydrated(
+    (store) => {
+      store.setState({ isMobile: mobile });
+    },
+    [mobile],
+  );
+
   return null;
 });
 

src/store/session/slices/session/action.ts

@@ -162,12 +162,13 @@ export const createSessionSlice: StateCreator<
     router?.push(SESSION_CHAT_URL(id, get().isMobile));
   },
   switchSession: (sessionId = INBOX_SESSION_ID) => {
-    const { router } = get();
-
-    if (get().activeId === sessionId) return;
+    const { isMobile, router } = get();
+    // mobile also should switch session due to chat mobile route is different
+    // fix https://github.com/lobehub/lobe-chat/issues/163
+    if (!isMobile && get().activeId === sessionId) return;
 
     get().activeSession(sessionId);
 
-    router?.push(SESSION_CHAT_URL(sessionId, true));
+    router?.push(SESSION_CHAT_URL(sessionId, isMobile));
   },
 });