Untuk konteks, saya menggunakan perpustakaan React-Bootstrap. Setiap kali saya mengklik pada href dalam kod, bar sisi bergegar selama setengah saat, hampir seperti ia ditetapkan semula kepada keadaan tidak digayakan dan kemudian kembali kepada bentuk biasa. Adakah sesiapa tahu mengapa ini berlaku? Adakah kerana kod saya terlalu perlahan? Inilah kod bar sisi saya:

import React from "react";
import "../../App.css";
import { Nav, Navbar } from "react-bootstrap";
import ProfileSection from "./ProfileSection";
import ContactBar from "./ContactBar";
import HomeItem from "./SidebarItems/HomeItem";
import BlogItem from "./SidebarItems/BlogItem";
import WorkItem from "./SidebarItems/ProjectItem";
import PhilItem from "./SidebarItems/PhilItem";
import { Container } from "@mui/system";

function Sidebar() {
    return (
        <Navbar expand="lg">
            <Container>
                <Navbar.Toggle aria-controls="responsive-navbar-nav" />
                <Navbar.Collapse id="responsive-navbar-nav">
                    <Nav defaultActiveKey="/" className="flex-column">
                        <ProfileSection />
                        <HomeItem />
                        <BlogItem />
                        <WorkItem />
                        <PhilItem />
                        <ContactBar />
                    </Nav>
                </Navbar.Collapse>
            </Container>
        </Navbar>
    )
};

export default Sidebar;