components/layout/index.tsx

import { Navigation } from "components/navigation";
import { useRouter } from "next/router";

export const Layout = ({
  children,
  className,
}: {
  children: React.ReactNode;
  className?: string;
}) => {
  const router = useRouter();

  return (
    <div className={className}>
      {!router?.pathname.includes("message-editor") && <Navigation />}

      {children}
    </div>
  );
};