[chore] eslint upgrade to version 9 (#287)

.storybook/InnerBasicProviders.tsx

@@ -1,11 +1,11 @@
-import { StoryContext } from '@storybook/react'
+import { StoryContext, StrictArgs } from '@storybook/react'
 import { FC, useEffect } from 'react'
 import { BrowserRouter } from 'react-router-dom'
 import { useThemeMode } from 'src/core/theme'
-import { AbsoluteNavigateProvider } from 'src/shared/absolute-navigate'
+import { AbsoluteNavigateContext } from 'src/shared/absolute-navigate'
 import { i18n } from 'src/shared/providers'
 
-export const InnerBasicProviders = ({ Story, context }: { Story: FC; context: StoryContext }) => {
+export const InnerBasicProviders = ({ Story, context }: { Story: FC<StrictArgs>; context: StoryContext }) => {
   const { theme: themeKey, lang } = context.globals as { theme: 'light' | 'dark'; lang: string }
   const { toggleColorMode } = useThemeMode()
 
@@ -16,11 +16,12 @@ export const InnerBasicProviders = ({ Story, context }: { Story: FC; context: St
   useEffect(() => {
     toggleColorMode(themeKey)
   }, [toggleColorMode, themeKey])
+
   return (
     <BrowserRouter>
-      <AbsoluteNavigateProvider>
-        <Story />
-      </AbsoluteNavigateProvider>
+      <AbsoluteNavigateContext.Provider value={() => {}}>
+        <Story {...context.args} />
+      </AbsoluteNavigateContext.Provider>
     </BrowserRouter>
   )
 }

.storybook/WithProviders.tsx

@@ -1,12 +1,10 @@
-import { StoryContext } from '@storybook/react'
+import { StoryContext, StrictArgs } from '@storybook/react'
 import { FC } from 'react'
 import { BasicProviders } from 'src/shared/providers'
 import { InnerBasicProviders } from './InnerBasicProviders'
 
-export const WithProviders = ({ Story, context }: { Story: FC; context: StoryContext }) => {
-  return (
-    <BasicProviders>
-      <InnerBasicProviders Story={Story} context={context} />
-    </BasicProviders>
-  )
-}
+export const WithProviders = ({ Story, context }: { Story: FC<StrictArgs>; context: StoryContext }) => (
+  <BasicProviders>
+    <InnerBasicProviders Story={Story} context={context} />
+  </BasicProviders>
+)

.storybook/preview.tsx

@@ -3,15 +3,14 @@ import { langs } from 'src/shared/constants'
 import { WithProviders } from './WithProviders'
 
 const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: '^on.*' },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
+  // parameters: {
+  //   controls: {
+  //     matchers: {
+  //       color: /(background|color)$/i,
+  //       date: /Date$/i,
+  //     },
+  //   },
+  // },
   globalTypes: {
     theme: {
       name: 'Theme',