App.jsx

import PropTypes from "prop-types";
import * as React from "react";
import { useLocation } from "react-router-dom";
import DefaultLayout from "./components/Layouts/DefaultLayout";

/**
 * DefaultLayout component
 * @component
 * @param {Object} props - Properties passed to component
 * @param {string} [props.breadCrumbName] - The name of the current page to be displayed in the breadcrumb
 * @param {React.ReactNode} props.children - The child nodes to be rendered within the layout
 */
function App({ children, breadCrumbName = "" }) {
    const { pathname } = useLocation();

    React.useEffect(() => {
        window.scrollTo(0, 0);
    }, [pathname]);

    return <DefaultLayout breadCrumbName={breadCrumbName}>{children}</DefaultLayout>;
}

App.propTypes = {
    children: PropTypes.node.isRequired,
    breadCrumbName: PropTypes.string
};
export default App;