При горизонтальном открытии боковой панели текст на мгновение ориентируется вертикально. ⇐ Html

[Anonymous]

chakra ui и next.js.
Когда отображается боковая панель, текст рядом со значком на мгновение становится вертикальным.

Код указан ниже.

Я также включил URL-адрес codepen.
https://codesandbox.io/s/boring-matan-d ... tsx:0-1975

Код: Выделить всё

import {
Box,
chakra,
HStack,
IconButton,
Text,
useColorModeValue,
VStack
} from "@chakra-ui/react";
import * as React from "react";
import { FiFileText, FiMenu, FiSettings, FiUser } from "react-icons/fi";

interface SidebarItemProps {
icon: JSX.Element;
isOpen: boolean;
label: string;
}

const SidebarItem: React.FC = ({ icon, isOpen, label }) => {
const hoverColor = useColorModeValue("gray.600", "gray.300");

return (




{label}



);
};

export const Sidebar: React.FC = () => {
const [isOpen, setIsOpen] = React.useState(false);

const handleToggle = () => {
setIsOpen(!isOpen);
};

return (











);
};

Я попробовал добавить flexDirection в Text, но это не решило проблему.

Подробнее здесь: https://stackoverflow.com/questions/762 ... vertically