<SidebarProvider
  open={isSidebarEnabled ? undefined : false}
  openMobile={isSidebarEnabled ? undefined : false}
  style={
    {
      "--sidebar-width": "12rem",
      "--sidebar-width-mobile": "12rem",
    } as CSSProperties
  }
>

export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
  const { setOpenMobile } = useSidebar();
  const pathname = usePathname();
  useEffect(() => {
    setOpenMobile(false);
  }, [pathname, setOpenMobile]);
  return (
    <Sidebar {...props} >
      '...'
    </Sidebar>
  );
}

pnpm dlx shadcn@latest add https://zerocn.zeroopensource.org/r/sidebar.json

pnpm --filter=$WORKSPACE shadcn add https://zerocn.zeroopensource.org/r/sidebar.json