React_MainNavigation 로딩창

import { Outlet, useNavigation } from "react-router-dom";       //추가

import MainNavigation from "../components/MainNavigation"

export default function RootLayout(){

    const navigation = useNavigation();                         //추가

    return(

        <>

        <MainNavigation></MainNavigation>

        <hr></hr>

        {navigation.state === "loading" && <p>loading...</p>}

        {/* {navigation.state === "loading" && alert("테스트용")} */}

        <Outlet></Outlet>

        </>

    )

}