HRCenter/src/components/Section/MainContainer.js

import React from "react";
import PropType from "prop-types";
import { useLocation } from "react-router-dom";
import Navbar from "../../components/MUI/NavbarComponent";
// import AppRoutes from "../../AppRoutes";

const urls = ["/", "/login", "/forgot-password", "/reset-password",'/forgot-password-confirmation','/error-page'];

const MainContainer = ({ children }) => {
  const { pathname } = useLocation();

  return urls.includes(pathname) ? (
    <div className="">{children}</div>
  ) : (
    <div className="">
      <Navbar />
      <div className="h-withHeader">{children}</div>
    </div>
  );
};

MainContainer.propTypes = {
  children: PropType.any,
};

export default MainContainer;