Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-13 12:55:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): hydration issue (#2974)

Browse Source
This commit is contained in:
Alex Yang
2023-07-03 17:06:12 +08:00
parent 562013e3bd
commit 2a4a2db6f6
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/component/src/components/app-sidebar/index.tsx
View File

@@ -28,6 +28,7 @@ import { SidebarHeader } from './sidebar-header';
export type AppSidebarProps = PropsWithChildren<
SidebarHeaderProps & {
hasBackground?: boolean;
isFallback?: boolean;
}
>;
@@ -52,7 +53,7 @@ export function AppSidebar(props: AppSidebarProps): ReactElement {
const [appSidebarFloating, setAppSidebarFloating] = useAtom(
appSidebarFloatingAtom
);
const initialRender = open === undefined;
const initialRender = open === undefined && !props.isFallback;
const isResizing = useAtomValue(appSidebarResizingAtom);
const navRef = useRef<HTMLDivElement>(null);
@@ -126,7 +127,7 @@ export function AppSidebar(props: AppSidebarProps): ReactElement {
export const AppSidebarFallback = (): ReactElement | null => {
return (
<AppSidebar>
<AppSidebar isFallback>
<div className={fallbackStyle}>
<div className={fallbackHeaderStyle}>
<Skeleton variant="circular" width={40} height={40} />