import CryptoDashboard from './CryptoDashboard';

export default function App() {
  return (
    <div style={{ padding: '20px', background: '#f8fafc', borderRadius: '8px' }}>
      <CryptoDashboard />
    </div>
  );
}

import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import TodoList from './TodoList';

// 1. QueryClient 인스턴스 생성
const queryClient = new QueryClient();

export default function App() {
  // 최상단에 Provider를 세팅합니다.
  return (
    <QueryClientProvider client={queryClient}>
      <div style={{ padding: '20px', background: '#f8fafc', borderRadius: '8px' }}>
        <h3 style={{ marginTop: 0 }}>TanStack Query 예제</h3>
        <TodoList />
      </div>
    </QueryClientProvider>
  );
}