How can I determine what component is causing this error?
#How can I determine what component is causing this error?
jovial blaze
prisma kettle
can you provide the code that is used for this page?
jovial blaze
@prisma kettle I was trying to slim down an example project and lost my way, but this was the file ```typescript
// Import components
import Image from 'next/image'
import Head from 'next/head'
import { NextUIProvider, createTheme, globalCss } from '@nextui-org/react'
import { ThemeProvider as NextThemesProvider } from 'next-themes'
import { themeLight, themeDark } from '../../helpers/theme'
import useSaveLocaleCookie from '../../hooks/useSaveLocaleCookie'
// Import and set types
import type { ReactElement, ReactNode } from 'react'
import type { AppProps } from 'next/app'
import type { NextPage } from 'next'
export type NextPageWithLayout<P = {}, IP = P> = NextPage<P, IP> & {
getLayout?: (page: ReactElement) => ReactNode
}
type AppPropsWithLayout = AppProps & {
Component: NextPageWithLayout
}
// Create custom themes
const lightTheme = createTheme(themeLight);
const darkTheme = createTheme(themeDark);
// Fire the app
export default function MyApp({ Component, pageProps }) {
// Save locale cookie
useSaveLocaleCookie()
return (
<>
<Head>
<link
rel="shortcut icon"
href="/favicon.ico"
/>
<meta
name="viewport"
content="initial-scale=1, width=device-width"
/>
</Head>
<Component {...pageProps} />
</>
)
}
this error appears when you visit the home page?