Переход на начальную ширину колонны вялый ⇐ CSS

[Anonymous]

Я хочу применить переход на ширину столбцов начальной загрузки, когда откроется состояние, переход работает, но он вялый, это совсем не гладко
sstrong> layout.js
>>>>"use client";
import { useState } from "react";
import { Col, Container, Row } from "react-bootstrap";
import Sidebar from "./Sidebar";
import "./sidebar.css";
export default function RootLayout({ children }) {
const [open, setOpen] = useState(true); // sidebar open by default

return (







{children}




);
}


sidebar.css
.transition {
transition: width 0.3s ease;
}



Подробнее здесь: https://stackoverflow.com/questions/797 ... s-sluggish