ติดแน่น

<FlexLayoutContainer
  containerName="toolbar"
  isResizePanel
  stickyMode={{
    position: "top",
    offsetPx: 64,
    stickyResizePanel: true,
  }}
>
  <Toolbar />
</FlexLayoutContainer>

<FlexLayout>
  <FlexLayoutContainer containerName="sidebar">
    <Sidebar />
  </FlexLayoutContainer>

  <FlexLayoutContainer containerName="content">
    <Content />
  </FlexLayoutContainer>
</FlexLayout>

<FlexLayoutContainer containerName="sidebar">
  <FlexLayoutStickyBox edge="top" offset={88}>
    <SidebarNavigation />
  </FlexLayoutStickyBox>
</FlexLayoutContainer>

<FlexLayoutContainer containerName="content">
  <DocumentContent />
</FlexLayoutContainer>

const { layout: containers, container } = useDecompositionLayout({
  layoutName: "root",
  containerName: "toolbar",
});

import { useLayoutEffect } from "react";
import { useDecompositionLayout } from "@byeolnaerim/flex-layout";

function CustomStickyToolbar() {
  const { container } = useDecompositionLayout({
    layoutName: "root",
    containerName: "toolbar",
  });

  useLayoutEffect(() => {
    if (!container) return;

    const previousPosition = container.style.position;
    const previousTop = container.style.top;
    const previousZIndex = container.style.zIndex;

    container.style.position = "sticky";
    container.style.top = "64px";
    container.style.zIndex = "20";

    return () => {
      container.style.position = previousPosition;
      container.style.top = previousTop;
      container.style.zIndex = previousZIndex;
    };
  }, [container]);

  return <Toolbar />;
}