Merge pull request #18 from erdoganbulut/fix/ant-design-update-migration

Fix build errors due to api change after ant design update

Author: erdoganbulut

package.json

@@ -1,7 +1,7 @@
 {
   "name": "viterts",
   "private": true,
-  "version": "0.2.0",
+  "version": "0.2.1",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",

src/App.tsx

@@ -4,20 +4,18 @@ import Router from './routes';
 import './styles/vendors.scss';
 
 const App = () => (
-  <div className="App">
-    <main>
-      <p>App Works!</p>
-      <ul>
-        <li>
-          <Link to="/">Home</Link>
-        </li>
-        <li>
-          <Link to="/about">About</Link>
-        </li>
-      </ul>
-      <Router />
-    </main>
-  </div>
+  <main>
+    <p>App Works!</p>
+    <ul>
+      <li>
+        <Link to="/">Home</Link>
+      </li>
+      <li>
+        <Link to="/about">About</Link>
+      </li>
+    </ul>
+    <Router />
+  </main>
 );
 
 export default App;

src/components/partials/Home/Counter/index.tsx

@@ -15,7 +15,10 @@ const Counter = () => {
 
   return (
     <div>
-      <InputNumber value={count} onChange={(value: number) => dispatch(setAmount(value))} />
+      <InputNumber
+        value={count}
+        onChange={(value: number | null) => dispatch(setAmount(value || 0))}
+      />
       <Button onClick={() => dispatch(incrementAsync(1))}>Add Async</Button>
       <Button onClick={() => dispatch(incrementIfOdd(1))}>Add If Odd</Button>
     </div>

src/styles/vendors.scss

@@ -1,4 +1,3 @@
+@import 'antd/dist/reset.css';
 @import 'bootstrap/dist/css/bootstrap-reboot.css';
 @import 'bootstrap/dist/css/bootstrap-grid.css';
-
-@import 'antd/dist/antd.css';