Qu'est-ce qui fait trembler ma barre latérale React à chaque fois qu'une nouvelle page se charge ?

Question

Pour le contexte, j'utilise la bibliothèque React-Bootstrap. Chaque fois que je clique sur le href dans le code, la barre latérale tremble pendant une demi-seconde, presque comme si elle revenait à son état sans style, puis revenait à sa forme normale. Est-ce que quelqu'un sait pourquoi cela se produit ? Est-ce parce que mon code est trop lent ? Voici mon code latéral :

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;

Answer 1

Votre code fonctionne correctement sur mon appareil. Il doit s'agir d'un problème d'Internet ou d'appareil. J'ai également vérifié votre code et il n'y a rien de mal avec votre code. Une fois déployé, vous n’avez plus à vous soucier de son bon fonctionnement.