mirror of
https://github.com/toeverything/AFFiNE.git
synced 2024-11-30 05:34:21 +03:00
fix(web): hydration issue (#2974)
This commit is contained in:
parent
af94674c18
commit
ee2ab4086f
@ -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} />
|
||||
|
Loading…
Reference in New Issue
Block a user