overflow: hidden у .global-catalogue-menu-wrapper и выставить height: 100% для внутренних оболочек. Или использовать flex/grid с настройкой высоты уже из них..submenu-wrapper), если её убрать, то скроллу нормально. Ну кроме таких случаев:
position: sticky к верху, но тогда не сможете проскролить вложенные менюшки.overscroll-behavior настройте, либо уберите скролл у body, а то скроллится и то, что под меню.
on создаётся при помощи computed и никаких проблем нет. Ну и лучше никогда не писать children?: TreeItem[], уж лучше также через computed понять - есть ли дочерние элементы.on, то с ним не будет проблем.
index.html, то и конфигурацию поправьте.
@types/express поставили?
export const useVerifyAuth = () => {
const { setIsAuth, setUser, setIsLoading } = useUserStore();
const pathname = usePathname();
const { data, error, isLoading, isFetching, refetch } = useQuery({
queryKey: ["verify-auth"],
queryFn: () => authService.getNewTokens()
});
useLayoutEffect(() => {
if (error !== null) {
setIsAuth(false);
setUser(null);
}
if (data !== null) {
setIsAuth(true);
setUser(data.data.user);
}
}, [data, error])
useEffect(() => {
// Тут бы проверить, что прошлый pathname не равен текущему
refetch();
}, [pathname, refetch]);
useEffect(() => {
setIsLoading(isLoading || isFetching)
}, [isLoading, isFetching]);
};position: relative, а ссылке добавляетеa::after {
position: absolute;
inset: 0;
content: '';
}
const routes: RouteObject[] = [
{
path: "*",
element: <Outlet />,
children: [
{
id: "page-a",
path: "page-a",
element: <PageA />,
},
{
id: "page-b",
path: "page-b",
element: <PageB />,
},
],
},
];
export const Router: FC = () => {
const router = createBrowserRouter(routes);
return <RouterProvider router={router} />;
};export const SuperWrapper: FC = () => {
return (
<ThemeProvider theme={theme}>
<Notifications />
<Outlet />
</ThemeProvider>
);
};someComponent(), то Вас ждёт удивительный мир потери состояний и прочего.
.element + .element {
margin-left: 20px;
}flex + gap для схожего поведения с grid'ами;:first-child + :last-child для удаления лишних margin'ов;:nth-child для удаления лишних margin'ов;