6. Error / / 2023. 11. 22. 11:16

[Next Error] Uncaught Error: invariant expected app router to be mounted_navigation.js:144

728x90

위와 같은 에러가 뜬다..힝..

 

해결

layout.ts에  <body> and <html> tag가 없어서 나타나는 에러였다.

왜냐면 전 코드는 아래와 같이 넣었기때문에 그런거같다
안에 있는 body태그를 뺐더니 정상작동함

'use client';

import React, { useEffect } from 'react';
import './globals.css';
import GlobalStyle from './styles/global-styles';
import Header from './_components/header';
import useHasMounted from '../useHasMounted';
import { ThemeProvider } from 'styled-components';
import { theme } from './styles/theme';

export default function RootLayout({ children }: { children: React.ReactNode }) {
  const hasMounted = useHasMounted();

  useEffect(() => {
    // Client-only logic here if needed
    console.log('Client-side logic executed');
  }, []);

  return (
    <html lang="en">
   
      {hasMounted && (
        <ThemeProvider theme={theme}>
          <GlobalStyle />
          <Header />
          <body>{children}</body>
        </ThemeProvider>
      )}
    </html>
  );
}
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유