Fix: Router context error
Wrap the App component with a Router to provide the necessary context for routing.
This commit is contained in:
16
src/main.tsx
16
src/main.tsx
@@ -1,7 +1,8 @@
|
|||||||
|
|
||||||
import { createRoot } from 'react-dom/client'
|
import { createRoot } from 'react-dom/client';
|
||||||
import App from './App.tsx'
|
import { BrowserRouter } from 'react-router-dom';
|
||||||
import './index.css'
|
import App from './App.tsx';
|
||||||
|
import './index.css';
|
||||||
|
|
||||||
// iOS 안전 영역 메타 태그 추가
|
// iOS 안전 영역 메타 태그 추가
|
||||||
const setViewportMetaTag = () => {
|
const setViewportMetaTag = () => {
|
||||||
@@ -22,6 +23,9 @@ const setViewportMetaTag = () => {
|
|||||||
// 메타 태그 설정 적용
|
// 메타 태그 설정 적용
|
||||||
setViewportMetaTag();
|
setViewportMetaTag();
|
||||||
|
|
||||||
// 앱 렌더링
|
// 앱 렌더링 - BrowserRouter로 감싸기
|
||||||
createRoot(document.getElementById("root")!).render(<App />);
|
createRoot(document.getElementById("root")!).render(
|
||||||
|
<BrowserRouter>
|
||||||
|
<App />
|
||||||
|
</BrowserRouter>
|
||||||
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user