Breaking News: Grepper is joining You.com. Read the official announcement!

How to remove the Layout on 404 page

Sakar Hamasaeed answered on December 19, 2022 Popularity 3/10 Helpfulness 8/10

answer How to remove the Layout on 404 page

How to remove the Layout on 404 page

Comment

// You can remove the default layout only for 404 page

// _app.jsx
import Layout from "../components/Layout";
import { useRouter } from "next/router";
import "../styles/globals.css";

function MyApp({ Component, pageProps }) {
  const router = useRouter();

  // only remove layout for 404 page
  if (router.pathname === "/404") return <Component {...pageProps} />;
  // else add the layout to all pages :)
  return (
    <Layout>
      <Component {...pageProps} />
    </Layout>
  );
}

export default MyApp;

Popularity 3/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: 404-page javascript layout

Link to this answer
Share Copy Link

Contributed on Dec 19 2022

Sakar Hamasaeed

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

How to remove the Layout on 404 page

Contents

More Related Answers

How to remove the Layout on 404 page

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.