Hello, i am using the app router and i have my folder structure as

app
- page.tsx
- not-found.tsx
- error.tsx
- layout.tsx

And i noticed when i use my custom 404 page it doesnt automaticaly import root layout yet the error page does. Is this a bug?

404

import ErrorInformation from "@components/404/error-information"
import RootLayout from "./layout"

export default function Page() {
    return (
        <RootLayout>
            <ErrorInformation />
        </RootLayout>
        )

}

error page

'use client' // Error components must be Client Components

import React, { useEffect } from 'react'
import Button from "@components/ui/button"
import {useRouter} from 'next/navigation'
export default function Error({
                                  error,
                                  reset,
                              }: {
    error: Error & { digest?: string }
    reset: () => void
}) {
    const router = useRouter()
    useEffect(() => {
        // Log the error to an error reporting service
        console.error(error)
    }, [error])

    return (
        <div>
           <ErrorPage/>
        </div>
    )
}