Merge pull request #34 from MiracleUFO/chore-snyk/update-dependencies…

…-and-license

Chore snyk/update dependencies and license

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@miracleufo/react-g-translator",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "A modern, free, lightweight npm package for translating react apps (component wrapper.) No API keys or language list files are required.",
   "author": "Miracle Ufodiama",
   "license": "MIT",
@@ -89,6 +89,7 @@
     "jsdom": "20.0.3",
     "jsdom-global": "3.0.2",
     "prettier": "^3.0.3",
+    "react-scripts": "^5.0.1",
     "rimraf": "^5.0.5",
     "rollup": "^3.29.4",
     "rollup-plugin-dts": "^6.0.2",
@@ -109,14 +110,13 @@
   },
   "dependencies": {
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@testing-library/jest-dom": "^6.1.3",
-    "@testing-library/react": "^14.0.0",
+    "@tanstack/react-query": "^5.12.2",
+    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/react": "^14.1.2",
     "crypto-js": "^4.2.0",
     "lodash": "^4.17.21",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^18.2.0",
-    "react-query": "^3.39.2",
-    "react-scripts": "5.0.1",
     "typescript": "^4.9.5"
   },
   "peerDependencies": {

src/components/Translate.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { QueryClient, QueryClientProvider } from 'react-query';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
 import Translation from './helpers/Translation';
 import { LanguageProvider } from '../context/languageContext';

src/components/Translator.tsx

@@ -7,7 +7,7 @@ import React, {
   cloneElement,
   isValidElement,
 } from 'react';
-import { QueryClient, QueryClientProvider } from 'react-query';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
 import isVoidElement from '../utils/isVoidElement';
 import { LanguageProvider } from '../context/languageContext';

src/constants/index.ts

@@ -1,4 +1,4 @@
-import { QueryClientConfig } from 'react-query';
+import { QueryClientConfig } from '@tanstack/react-query';
 
 import language from '../types/language';
 
@@ -30,7 +30,6 @@ const DEFAULT_QUERY_OPTIONS: QueryClientConfig = {
     queries: {
       retry: 3,
       staleTime: ONE_DAY_IN_MS,
-      cacheTime: ONE_DAY_IN_MS,
     },
   },
 };

src/queries/useTranslation.ts

@@ -1,4 +1,4 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 import sha256 from 'crypto-js/sha256';
 
 import { useLanguageContext } from '../context/languageContext';
@@ -17,10 +17,10 @@ const useTranslation = (
     error,
     isError,
     isLoading,
-  } = useQuery<string | undefined>(
-    sha256(`${text}-${from}-${to}`).toString(),
-    () => getTranslation(text, from || languageFrom, to || languageTo),
-  );
+  } = useQuery<string | undefined>({
+    queryKey: [sha256(`${text}-${from}-${to}`).toString()],
+    queryFn: () => getTranslation(text, from || languageFrom, to || languageTo),
+  });
 
   return {
     data,

src/tests/utils-test.tsx

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
 import { render, RenderOptions } from '@testing-library/react';
-import { QueryClientProvider, QueryClient } from 'react-query';
+import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
 import { LanguageProvider } from '../context/languageContext';
 import { DEFAULT_QUERY_OPTIONS } from './constants-test';