chore(deps): update eslint and plugins (major) (#546)

.github/workflows/ci.yml

@@ -9,7 +9,7 @@ jobs:
     - uses: actions/checkout@v3
     - uses: actions/setup-node@v3
       with:
-        node-version: 14.x
+        node-version: 18.x
     - name: setup NPM
       run: npm set @LouisBarranqueiro:registry https://npm.pkg.github.com/ && npm set //npm.pkg.github.com/:_authToken ${{ secrets.GITHUB_TOKEN }}
     - name: Install dependencies

demo/src/app.tsx

@@ -1,18 +1,18 @@
 import React from 'react'
 import {Provider} from 'react-redux'
 import {createRoot} from 'react-dom/client'
-import {createStore, compose, combineReducers} from 'redux'
+import {createStore, combineReducers} from 'redux'
 import Demo from './components/Demo'
 import {POSITIONS, reducer as notificationsReducer} from '../../src'
 import './styles/global.scss'
 import {setUpNotifications} from '../../src'
+import {composeWithDevTools} from '@redux-devtools/extension'
 
-const composeEnhancers = (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
 const store = createStore(
     combineReducers({
         notifications: notificationsReducer(),
     }),
-    composeEnhancers()
+    composeWithDevTools()
 )
 
 setUpNotifications({

demo/src/components/NotificationButtons/NotificationButtons.tsx

@@ -4,7 +4,7 @@ import {STATUSES, POSITIONS, notify, dismissNotifications} from 'src'
 import {Position, Status} from 'src'
 
 const getRandomBoolean = () => Math.random() >= 0.5
-const getRandomElem = (items: any[]) => items[Math.floor(Math.random() * items.length)]
+const getRandomElem = <T,>(items: Array<T>): T => items[Math.floor(Math.random() * items.length)]
 const getRandomWord = () => getRandomElem(['Tempor', 'Orci', 'Neque', 'Enim', 'Quis', 'Arcu'])
 
 const NotificationButtons = () => {

demo/src/components/Notifications.tsx

@@ -9,8 +9,8 @@ type RootState = {
 
 export const Notifications = () => {
     const dispatch = useDispatch()
-    const [themeName, setThemeName] = useState<ThemeNames>('Atalho')
-    const [transitionName, setTransitionName] = useState<TransitionNames>('Slide')
+    const [themeName] = useState<ThemeNames>('Atalho')
+    const [transitionName] = useState<TransitionNames>('Slide')
     const notifications = useSelector((state: RootState) => state.notifications)
     const theme = THEMES[themeName]