Merge pull request #54 from karl-run/chore/deps

bump dev deps

Author: karl-run

.eslintrc

@@ -3,8 +3,6 @@
   "extends": [
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
-    "prettier/standard",
-    "prettier/react",
     "plugin:prettier/recommended",
     "plugin:@typescript-eslint/eslint-recommended"
   ],
@@ -31,4 +29,4 @@
     "react/no-unused-prop-types": 0,
     "import/export": 0
   }
-}
+}

package.json

@@ -45,33 +45,33 @@
     "react-dom": "^16.0.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@testing-library/react-hooks": "^3.2.1",
-    "@types/jest": "^26.0.15",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@types/jest": "^27.0.3",
     "@types/lodash.debounce": "^4.0.6",
-    "@types/react": "^16.9.27",
-    "@types/react-dom": "^16.9.7",
-    "@typescript-eslint/eslint-plugin": "^4.5.0",
-    "@typescript-eslint/parser": "^4.5.0",
+    "@types/react": "^17.0.37",
+    "@types/react-dom": "^17.0.11",
+    "@typescript-eslint/eslint-plugin": "^5.7.0",
+    "@typescript-eslint/parser": "^5.7.0",
     "babel-eslint": "^10.0.3",
     "cross-env": "^7.0.2",
-    "eslint": "7.11.0",
-    "eslint-config-prettier": "^6.7.0",
-    "eslint-plugin-flowtype": "^5.2.0",
-    "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint": "8.5.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-flowtype": "^8.0.3",
+    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-node": "^11.0.0",
-    "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react": "^7.17.0",
-    "eslint-plugin-react-hooks": "^4.0.0",
-    "gh-pages": "^3.1.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-promise": "^6.0.0",
+    "eslint-plugin-react": "^7.27.1",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "gh-pages": "^3.2.3",
     "microbundle-crl": "^0.13.10",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.0.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "^4.0.1",
-    "react-test-renderer": "^16.13.1"
+    "prettier": "^2.5.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-scripts": "^5.0.0",
+    "react-test-renderer": "^17.0.2"
   },
   "resolutions": {
     "@typescript-eslint/eslint-plugin": "^4.5.0",

src/hook/index.test.tsx

@@ -35,7 +35,7 @@ describe('useBottomScrollListener', () => {
 
       // window size is 768.
       // 768 + 400 = 1168, should not scroll
-      ((document.documentElement as unknown) as Record<string, unknown>).scrollHeight = 1200;
+      (document.documentElement as unknown as Record<string, unknown>).scrollHeight = 1200;
       document.documentElement.scrollTop = 400;
 
       window.dispatchEvent(new Event('scroll'));
@@ -51,7 +51,7 @@ describe('useBottomScrollListener', () => {
       // window size is 768.
       // 768 + 432 = 1200, should scroll
 
-      ((document.documentElement as unknown) as Record<string, unknown>).scrollHeight = 1200;
+      (document.documentElement as unknown as Record<string, unknown>).scrollHeight = 1200;
       document.documentElement.scrollTop = 432;
 
       window.dispatchEvent(new Event('scroll'));
@@ -63,12 +63,12 @@ describe('useBottomScrollListener', () => {
   describe('given a ref it should use the given ref and', () => {
     const setupFakeContainer = (containerRef: React.RefObject<HTMLDivElement>) => {
       const div = document.createElement('div');
-      const renderedNode: HTMLDivElement = (ReactDOM.render(
+      const renderedNode: HTMLDivElement = ReactDOM.render(
         <div ref={containerRef} />,
         div,
-      ) as unknown) as HTMLDivElement;
+      ) as unknown as HTMLDivElement;
 
-      ((renderedNode as unknown) as Record<string, unknown>).clientHeight = 600;
+      (renderedNode as unknown as Record<string, unknown>).clientHeight = 600;
 
       let triggerScroll: (() => void) | null = null;
       renderedNode.addEventListener = jest.fn().mockImplementation((_, cb) => {
@@ -95,7 +95,7 @@ describe('useBottomScrollListener', () => {
 
       // container size is 600.
       // 600 + 300 = 900, should not scroll
-      ((renderedNode as unknown) as Record<string, unknown>).scrollHeight = 1000;
+      (renderedNode as unknown as Record<string, unknown>).scrollHeight = 1000;
       renderedNode.scrollTop = 300;
 
       triggerScroll();
@@ -123,7 +123,7 @@ describe('useBottomScrollListener', () => {
       // container size is 600.
       // 600 + 400 = 1000, should scroll
 
-      ((renderedNode as unknown) as Record<string, unknown>).scrollHeight = 1000;
+      (renderedNode as unknown as Record<string, unknown>).scrollHeight = 1000;
       renderedNode.scrollTop = 400;
 
       triggerScroll();