📦 Upgrade dependencies

.eslintrc.json

@@ -4,7 +4,8 @@
     "standard-react",
     "plugin:prettier/recommended",
     "prettier",
-    "plugin:@typescript-eslint/eslint-recommended"
+    "plugin:@typescript-eslint/eslint-recommended",
+    "eslint-config-standard-react"
   ],
   "env": {
     "node": true

.vscode/settings.json

@@ -21,6 +21,6 @@
   },
   "editor.tabSize": 2,
   "editor.codeActionsOnSave": {
-    "source.fixAll": true
+    "source.fixAll": "explicit"
   }
 }

example/public/index.html

@@ -32,7 +32,7 @@
       You need to enable JavaScript to run this app.
     </noscript>
 
-    <div id="root"></div>
+    <div id="app"></div>
 
     <!--
       This HTML file is a template.

example/src/App.tsx

@@ -9,4 +9,4 @@ const App = () => {
   </LitteraService>
 }
 
-export default App
+export default App

example/src/config.ts

@@ -30,6 +30,6 @@ const PRESET = {
     no: "いいえ",
   }
 }
-const { LitteraService, makeTranslations, useLitteraMethods} = createLittera(LOCALES, PRESET);
+const { LitteraService, makeTranslations, useLitteraMethods } = createLittera(LOCALES, PRESET);
 
 export { LitteraService, makeTranslations, useLitteraMethods };

example/src/index.tsx

@@ -1,7 +1,10 @@
+import React from 'react';
+import App from './App';
 import './index.css'
+import { createRoot } from 'react-dom/client';
 
-import React from 'react'
-import ReactDOM from 'react-dom'
-import App from './App'
+const container = document.getElementById('app');
 
-ReactDOM.render(<App />, document.getElementById('root'))
+const root = createRoot(container!);
+
+root.render(<React.StrictMode><App /></React.StrictMode>);

example/tsconfig.json

@@ -15,7 +15,6 @@
     "noImplicitThis": true,
     "noImplicitAny": true,
     "strictNullChecks": true,
-    "suppressImplicitAnyIndexErrors": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "allowSyntheticDefaultImports": true,

package.json

@@ -26,38 +26,39 @@
     "test:lint": "eslint src/**",
     "test:unit": "cross-env CI=1 react-scripts test --env=jsdom --coverage",
     "test:watch": "react-scripts test --env=jsdom",
-    "predeploy": "cd example && yarn install && yarn run build",
-    "deploy": "gh-pages -d example/build"
+    "predeploy": "cd example && yarn && yarn build",
+    "deploy": "gh-pages -d example/build",
+    "postinstall": "cd example && yarn"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.4.3",
-    "@types/jest": "^29.5.1",
-    "@types/node": "^18.16.3",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.1",
-    "@typescript-eslint/eslint-plugin": "^5.59.2",
-    "@typescript-eslint/parser": "^5.59.2",
-    "babel-eslint": "^10.0.3",
-    "cross-env": "^7.0.2",
-    "eslint": "^8.39.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-config-standard": "^17.0.0",
+    "@testing-library/jest-dom": "^6.2.0",
+    "@testing-library/react": "^14.1.2",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/jest": "^29.5.11",
+    "@types/node": "^20.11.0",
+    "@types/react": "^18.2.47",
+    "@types/react-dom": "^18.2.18",
+    "@typescript-eslint/eslint-plugin": "^6.18.1",
+    "@typescript-eslint/parser": "^6.18.1",
+    "babel-eslint": "^10.1.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-standard": "^17.1.0",
     "eslint-config-standard-react": "^13.0.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-standard": "^5.0.0",
-    "gh-pages": "^5.0.0",
-    "microbundle-crl": "^0.13.10",
+    "gh-pages": "^6.1.1",
+    "microbundle-crl": "^0.13.11",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.8",
+    "prettier": "^3.2.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
-    "typescript": "^5.0.4"
+    "typescript": "^5.3.3"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -75,5 +76,8 @@
     "i18n",
     "translate",
     "multilingual"
-  ]
+  ],
+  "dependencies": {
+    "eslint-plugin-react-hooks": "^4.6.0"
+  }
 }

src/utils/helpers.ts

@@ -47,7 +47,7 @@ export const raportMissingTranslations = <T>(
  * @param item
  * @returns {boolean}
  */
-export function isObject(item: any) {
+export function isObject(item: any): boolean {
   return item && typeof item === 'object' && !Array.isArray(item)
 }