❌ Root Layout: Failed to execute 'removeChild' on 'Node' error! #54346

lithika-damnod · 2023-08-21T17:17:13Z

lithika-damnod
Aug 21, 2023

I created a layout.js file inside the "(Auth)" directory, but it conflicts with the main Root Layout,

Code for Main Root Layout 👇

'use client'

import './globals.css'
import { Inter } from 'next/font/google'

import Navigation from '@/components/ui/Navigation'
import store from './store'
import { Provider } from 'react-redux'

const inter = Inter({ subsets: ['latin'] })

export default function RootLayout({ children }) {
  return (
    <Provider store={store}>
      <html lang="en">
        <body className={inter.className}>
          <Navigation />

          {children}
        </body>
      </html>
    </Provider >
  )
}

Code for (Auth)/layout.js 👇

const inter = Inter({ subsets: ['latin'] })

export default function RootLayout({ children }) {
    return (
        <html lang="en">
            <body className={inter.className}>
                {children}
            </body>
        </html>
    )
}

When I visit the route "/login", I want the navigation bar to be removed, but it isn't 🤕

Also, when I hover over the navigation bar
I get the error ❌

yaffalhakim1 · 2024-11-20T13:02:58Z

yaffalhakim1
Nov 20, 2024

hey, are you already find the answer?

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

❌ Root Layout: Failed to execute 'removeChild' on 'Node' error! #54346

{{title}}

Replies: 1 comment

{{title}}

Select a reply

❌ Root Layout: Failed to execute 'removeChild' on 'Node' error! #54346

lithika-damnod Aug 21, 2023

Replies: 1 comment

yaffalhakim1 Nov 20, 2024

lithika-damnod
Aug 21, 2023

yaffalhakim1
Nov 20, 2024