fix: update dependencies to latest

example/components/design/Loader/Loader.tsx

@@ -16,9 +16,9 @@ export const Loader: React.FC<LoaderProps> = (props) => {
         className='relative my-0 mx-auto before:content-none before:block before:pt-[100%]'
         style={{ width: `${width}px`, height: `${height}px` }}
       >
-        <svg className={styles.progressSpinnerSvg} viewBox='25 25 50 50'>
+        <svg className={styles['progressSpinnerSvg']} viewBox='25 25 50 50'>
           <circle
-            className={styles.progressSpinnerCircle}
+            className={styles['progressSpinnerCircle']}
             cx='50'
             cy='50'
             r='20'

example/hooks/useFormTranslation.ts

@@ -13,7 +13,7 @@ const getErrorTranslationKey = (error: Error): string => {
       return 'common:required'
     }
     if (error.keyword === 'format') {
-      if (error.params.format === 'email') {
+      if (error.params['format'] === 'email') {
         return 'common:invalid-email'
       }
       return 'common:invalid'
@@ -32,7 +32,7 @@ export const useFormTranslation = () => {
     if (error != null) {
       return t(getErrorTranslationKey(error)).replace(
         '{expected}',
-        error?.params?.limit
+        error?.params?.['limit']
       )
     }
     return undefined

example/package.json

@@ -11,9 +11,9 @@
     "test:dev": "start-server-and-test \"dev\" \"http://127.0.0.1:3000\" \"cypress open\""
   },
   "dependencies": {
-    "@sinclair/typebox": "0.25.3",
+    "@sinclair/typebox": "0.25.20",
     "clsx": "1.2.1",
-    "next": "13.0.2",
+    "next": "13.1.1",
     "next-themes": "0.2.1",
     "next-translate": "1.6.0",
     "react": "file:../node_modules/react",
@@ -21,16 +21,17 @@
     "react-dom": "file:../node_modules/react-dom"
   },
   "devDependencies": {
-    "@types/node": "18.11.9",
-    "@types/react": "18.0.25",
-    "@types/react-dom": "18.0.8",
+    "@tsconfig/strictest": "1.0.2",
+    "@types/node": "18.11.18",
+    "@types/react": "18.0.26",
+    "@types/react-dom": "18.0.10",
     "autoprefixer": "10.4.13",
-    "cypress": "10.11.0",
-    "eslint": "8.27.0",
-    "eslint-config-next": "13.0.2",
-    "postcss": "8.4.18",
-    "start-server-and-test": "1.14.0",
-    "tailwindcss": "3.2.2",
-    "typescript": "4.8.4"
+    "cypress": "12.3.0",
+    "eslint": "8.31.0",
+    "eslint-config-next": "13.1.1",
+    "postcss": "8.4.21",
+    "start-server-and-test": "1.15.2",
+    "tailwindcss": "3.2.4",
+    "typescript": "4.9.4"
   }
 }

example/tsconfig.json

@@ -1,20 +1,18 @@
 {
+  "extends": "@tsconfig/strictest/tsconfig.json",
   "compilerOptions": {
     "target": "ESNext",
     "module": "ESNext",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": ["dom", "dom.iterable", "ESNext"],
     "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
     "types": ["cypress"],
-    "forceConsistentCasingInFileNames": true,
     "noEmit": true,
-    "esModuleInterop": true,
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "incremental": true
+    "incremental": true,
+    "exactOptionalPropertyTypes": false,
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]