Update all development Yarn dependencies (2021-11-30) (Merge PR #22)

Author: julienw

.eslintrc.yml

@@ -1,4 +1,4 @@
-parser: babel-eslint
+parser: "@babel/eslint-parser"
 extends:
   - vkbansal
   - vkbansal/react

examples/Customization.js

@@ -35,7 +35,7 @@ export default class Customization extends Component {
         this.setState(({ logs }) => ({
             logs: [`Clicked on ${data.name} menu ${data.item}`, ...logs]
         }));
-    }
+    };
 
     render() {
         return (

examples/DynamicMenu.js

@@ -80,7 +80,7 @@ export default class DynamicMenuExample extends Component {
         return this.setState(({ logs }) => ({
             logs: [` ${data.name} cannot be ${data.action.toLowerCase()}`, ...logs]
         }));
-    }
+    };
 
     render() {
         const attributes = {

examples/MultipleMenus.js

@@ -18,7 +18,7 @@ export default class MultipleMenus extends Component {
         this.setState(({ logs }) => ({
             logs: [`Clicked on menu ${data.menu} item ${data.item}`, ...logs]
         }));
-    }
+    };
 
     render() {
         return (

examples/MultipleTargets.js

@@ -53,7 +53,7 @@ export default class MultipleTargets extends Component {
         return this.setState(({ logs }) => ({
             logs: [` ${data.name} cannot be ${data.action.toLowerCase()}`, ...logs]
         }));
-    }
+    };
 
     render() {
         const attributes = {

examples/Nested.js

@@ -18,7 +18,7 @@ export default class SimpleMenu extends Component {
         this.setState(({ logs }) => ({
             logs: [`Clicked on menu ${data.item}`, ...logs]
         }));
-    }
+    };
 
     render() {
         return (

examples/RTLSubMenu.js

@@ -18,7 +18,7 @@ export default class RTLSubMenu extends Component {
         this.setState(({ logs }) => ({
             logs: [`Clicked on menu ${data.item}`, ...logs]
         }));
-    }
+    };
 
     render() {
         return (

examples/SimpleMenu.js

@@ -17,7 +17,7 @@ export default class SimpleMenu extends Component {
         this.setState(({ logs }) => ({
             logs: [`Clicked on menu ${data.item}`, ...logs]
         }));
-    }
+    };
 
     render() {
         return (

examples/SubMenus.js

@@ -18,7 +18,7 @@ export default class SimpleMenu extends Component {
         this.setState(({ logs }) => ({
             logs: [`Clicked on menu ${data.item}`, ...logs]
         }));
-    }
+    };
 
     render() {
         return (

examples/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { HashRouter as Router, Route, NavLink as Link, Switch } from 'react-router-dom';
+import { HashRouter as Router, Route, NavLink as Link, Routes } from 'react-router-dom';
 
 import SimpleMenu from './SimpleMenu';
 import MultipleTargets from './MultipleTargets';
@@ -65,24 +65,23 @@ function App() {
                     </li>
                 </ul>
             </div>
-            <Switch>
-                <Route path='/simple-menu' component={SimpleMenu} />
-                <Route path='/multiple-targets' component={MultipleTargets} />
-                <Route path='/multiple-menus' component={MultipleMenus} />
-                <Route path='/submenus' component={SubMenus} />
-                <Route path='/dynamic-menu' component={DynamicMenu} />
-                <Route path='/customization' component={Customization} />
-                <Route path='/rtl-submenus' component={RTLSubMenu} />
-                <Route path='/nested' component={Nested} />
-            </Switch>
+            <Routes>
+                <Route path='/simple-menu' element={<SimpleMenu />} />
+                <Route path='/multiple-targets' element={<MultipleTargets />} />
+                <Route path='/multiple-menus' element={<MultipleMenus />} />
+                <Route path='/submenus' element={<SubMenus />} />
+                <Route path='/dynamic-menu' element={<DynamicMenu />} />
+                <Route path='/customization' element={<Customization />} />
+                <Route path='/rtl-submenus' element={<RTLSubMenu />} />
+                <Route path='/nested' element={<Nested />} />
+            </Routes>
         </div>
     );
 }
 
-const Routes = (
+ReactDOM.render(
     <Router>
         <App />
-    </Router>
+    </Router>,
+    document.getElementById('main')
 );
-
-ReactDOM.render(Routes, document.getElementById('main'));