HOC를 통한 네비게이션 노출

Q. 질문

/* eslint-disable react/display-name */
/* eslint-disable react-hooks/rules-of-hooks */

import NavigationBottom from "../components/NavigationBottom";

function WithNavigation<P extends object>(
  Component: React.ComponentType<P>,
  isShowNavigation: boolean = false,
) {
  return function IsNavigated(props: P) {
    if (isShowNavigation) {
      return (
        <>
          <NavigationBottom />
          <Component {...props} />
        </>
      );
    }

    return <Component {...props} />;
  };
}

export default WithNavigation;

A. 멘토님 답변