📦 패키지 업데이트 (#40)

package.json

@@ -3,25 +3,25 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@ant-design/icons": "^4.7.0",
-    "@types/node": "^12.20.37",
-    "@types/react": "^18.2.6",
-    "@types/react-dom": "^18.2.4",
-    "@types/react-redux": "^7.1.20",
-    "@types/styled-components": "^5.1.15",
-    "@vercel/analytics": "^1.0.1",
-    "antd": "^4.16.13",
-    "axios": "^1.7.4",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-redux": "^7.2.6",
+    "@ant-design/icons": "^4.8.3",
+    "@types/node": "^12.20.55",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@types/react-redux": "^7.1.34",
+    "@types/styled-components": "^5.1.34",
+    "@vercel/analytics": "^1.4.1",
+    "antd": "^4.24.16",
+    "axios": "^1.7.9",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-redux": "^7.2.9",
     "react-scripts": "5.0.1",
-    "redux": "^4.1.2",
+    "redux": "^4.2.1",
     "redux-devtools-extension": "^2.13.9",
     "redux-persist": "^6.0.0",
-    "styled-components": "^5.3.3",
-    "styled-normalize": "^8.0.7",
-    "typescript": "^4.4.4"
+    "styled-components": "^5.3.11",
+    "styled-normalize": "^8.1.1",
+    "typescript": "^4.9.5"
   },
   "scripts": {
     "start": "react-scripts start",

src/App.tsx

@@ -1,26 +1,30 @@
 import React from 'react';
 import styled from 'styled-components/macro';
-import { Tabs } from 'antd';
+import { Tabs, TabsProps } from 'antd';
 
 import SearchPage from './pages/SearchPage';
 import FavoritePage from './pages/FavoritePage';
 import useCurrentSize from './hooks/useCurrentSize';
 
-const { TabPane } = Tabs;
-
 function App(): JSX.Element {
   const { width } = useCurrentSize();
 
+  const tabItems: TabsProps['items'] = [
+    {
+      label: 'SEARCH',
+      key: '1',
+      children: <SearchPage width={width} />,
+    },
+    {
+      label: 'FAVORITES',
+      key: '2',
+      children: <FavoritePage width={width} />,
+    },
+  ];
+
   return (
     <StyledWrapper>
-      <Tabs defaultActiveKey="1">
-        <TabPane tab="SEARCH" key="1">
-          <SearchPage width={width} />
-        </TabPane>
-        <TabPane tab="FAVORITES" key="2">
-          <FavoritePage width={width} />
-        </TabPane>
-      </Tabs>
+      <Tabs defaultActiveKey="1" items={tabItems} />
     </StyledWrapper>
   );
 }