есть некий серверный компонент -
const Forum = async () => {
const data: ITagData[] = await getForumTags();
const linksTreeData: TreeDataNode[] = data.map((tag) => ({
title: tag.tag,
key: tag.tag,
children: tag.ForumThemes.map((forumTheme) => ({
title: (
<a href={"http://localhost:3000/forum/" + forumTheme.theme}>
{forumTheme.theme}
</a>
),
key: forumTheme.id,
})),
}));
return (
<div className="text-white border-r border-white w-[30%] h-full p-4">
<Tree defaultExpandAll treeData={linksTreeData} /> //ant design компонент
</div>
);
};
Проблема в том, что данные в нем обрабатываются мгновенно, но отображение хромает. Изначально появляется список без стилей, и лишь через полсекунды отрисовывается компонент дерева из ant design. Suspense мне не поможет, полагаю, так как данные-то приходят моментально. Что я упустил?
Использую tailwind+ant Design.