#Anyone know how to fix this or know about it?

11 messages · Page 1 of 1 (latest)

sterile vapor
#

NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

alpine moatBOT
#
Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

sterile vapor
#

Here is the file I think causing it


import type { Metadata } from "next"
import { Ubuntu } from "next/font/google"

const ubuntu = Ubuntu({
  weight: ["300", "400", "500", "700"],
  subsets: ["latin"],
})

interface ResumeLayoutProps {
  children: React.ReactNode
}

export default function ResumeLayout({
  children,
}: ResumeLayoutProps): JSX.Element {
  return (
    <html lang="en" className="antialiased">
      <body>{children}</body>
    </html>
  )
}
fair dove
#

you should use the Head component from next/head to manage the document head and the _document.js file to modify the <html> and <body> tags. You typically shouldn't render html or body tags directly in a component. Instead, you should use _document.js for these elements.

This may potentially be causing your issue.

sterile vapor
#

How doul that look?

#

would

thorny escarp
sterile vapor
#

This is a layout for a nested route.

sterile vapor
#

Is there something wrong or a reason this error may have occured?

thorny escarp
#

like this:

export default function ResumeLayout({
children,
}: ResumeLayoutProps): JSX.Element {
return (
<div className="antialiased">
{children}
</div>
)
}