fix(deps): update dependency antd to v5 (#351)

* fix(deps): update dependency antd to v5
* fix: update ant design to v5

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Sabertaz <sabertazimi@gmail.com>

.babelrc.json

@@ -2,14 +2,6 @@
   "presets": ["@babel/env", "@babel/react"],
   "plugins": [
     "@babel/proposal-object-rest-spread",
-    "@babel/proposal-class-properties",
-    [
-      "import",
-      {
-        "libraryName": "antd",
-        "libraryDirectory": "es",
-        "style": "css"
-      }
-    ]
+    "@babel/proposal-class-properties"
   ]
 }

package.json

@@ -41,7 +41,6 @@
     "@dg-scripts/stylelint-config": "^5.11.0",
     "autoprefixer": "^10.4.13",
     "babel-loader": "^9.1.2",
-    "babel-plugin-import": "^1.13.6",
     "clean-webpack-plugin": "^4.0.0",
     "cross-env": "^7.0.3",
     "css-loader": "^6.7.3",
@@ -65,7 +64,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.0.1",
-    "antd": "^4.24.7",
+    "antd": "^5.1.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-redux": "^8.0.5",

src/App.jsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { BackTop, Col, Layout, Row, Tooltip } from 'antd';
+import { Col, FloatButton, Layout, Row, Tooltip } from 'antd';
 import { GithubOutlined } from '@ant-design/icons';
 import { Responsive } from './components';
 import { Filter, Result, SearchBar, StatisticsBar } from './containers';
@@ -110,7 +110,7 @@ export default class App extends Component {
               }}
             >
               <Result />
-              <BackTop
+              <FloatButton.BackTop
                 style={{
                   right: '1em',
                   bottom: '1em',

src/api/index.js

@@ -108,7 +108,6 @@ export const fetchPaperCitations = async papers => {
         : 0
     );
   } catch (error) {
-    // eslint-disable-next-line no-console
     console.error('Up to API limits.');
   }
 

src/containers/StatisticsBar.jsx

@@ -42,7 +42,7 @@ class StatisticsBar extends Component {
           Open Statistics Bar
         </Button>
         <Modal
-          visible={visible}
+          open={visible}
           title="Statistics"
           onOk={this.handleExport}
           onCancel={this.handleClose}