Files
zellyy-finance/src/main.tsx
gpt-engineer-app[bot] 3052d5f766 Fix: Router context error
Wrap the App component with a Router to provide the necessary context for routing.
2025-03-22 07:26:19 +00:00

32 lines
883 B
TypeScript

import { createRoot } from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';
import App from './App.tsx';
import './index.css';
// iOS 안전 영역 메타 태그 추가
const setViewportMetaTag = () => {
// 기존 viewport 메타 태그 찾기
let metaTag = document.querySelector('meta[name="viewport"]');
// 없으면 새로 생성
if (!metaTag) {
metaTag = document.createElement('meta');
metaTag.setAttribute('name', 'viewport');
document.head.appendChild(metaTag);
}
// content 속성 설정 (viewport-fit=cover 추가)
metaTag.setAttribute('content', 'width=device-width, initial-scale=1.0, viewport-fit=cover');
};
// 메타 태그 설정 적용
setViewportMetaTag();
// 앱 렌더링 - BrowserRouter로 감싸기
createRoot(document.getElementById("root")!).render(
<BrowserRouter>
<App />
</BrowserRouter>
);