Hiding Banner at a certain page-CodePudding

I'm currently attempting to hide the banner at a certain page. I have successfully hid the banner in all other pages except one with a page with a id. I have a dynamic folder named [content]

import { useRouter } from "next/router";

const HIDDEN_BOARDLIST = ["/board/board_list"];
//this is successful 

const HIDDEN_BOARDDETAILS = [`board/${content}`].  
//this does not work 
//http://localhost:3000/board/620471f057aad9002de7f04f. I have to enter the id manually but since this is a dynamic, the id will change every time 

export default function Layout(props: ILayoutProps) {
  const router = useRouter();

  console.log(router.asPath);

  const isHiddenBoardList = HIDDEN_BOARDLIST.includes(router.asPath);

  return (
    <Wrapper>
      <Header />
      {!isHiddenBoardList && <Banner />}
      <BodyWrapper>
        <Body>{props.children}</Body>
      </BodyWrapper>
    </Wrapper>
  );
}

CodePudding user response：