enhance: upgrade ts lint config

.eslintrc

@@ -7,13 +7,13 @@
       "impliedStrict": true,
       "experimentalObjectRestSpread": true
     },
-    "allowImportExportEverywhere": true
+    "allowImportExportEverywhere": true,
+    "project": ["**/tsconfig.json", "tsconfig.test.json"]
   },
   "plugins": ["@typescript-eslint", "react-hooks"],
   "extends": [
     "eslint:recommended",
     "plugin:react/recommended",
-    "plugin:@typescript-eslint/eslint-recommended",
     "plugin:@typescript-eslint/recommended",
     "prettier",
     "prettier/@typescript-eslint",
@@ -32,16 +32,17 @@
     "jest": true
   },
   "rules": {
-    "func-names": ["error", "as-needed"],
-    "no-shadow": "error",
-    "prefer-const": 0,
+    "func-names": [2, "as-needed"],
+    "no-shadow": 2,
     "@typescript-eslint/explicit-function-return-type": 0,
     "@typescript-eslint/no-use-before-define": 0,
-    "@typescript-eslint/ban-ts-ignore": "off",
-    "@typescript-eslint/camelcase": 0,
+    "@typescript-eslint/ban-ts-ignore": 0,
+    "@typescript-eslint/no-empty-function": 0,
+    "@typescript-eslint/ban-ts-comment": 0,
     "@typescript-eslint/no-var-requires": 0,
     "@typescript-eslint/no-explicit-any": 0,
-    "react-hooks/rules-of-hooks": "error",
-    "react-hooks/exhaustive-deps": "warn"
+    "@typescript-eslint/explicit-module-boundary-types": 0,
+    "react-hooks/rules-of-hooks": 2,
+    "react-hooks/exhaustive-deps": 1
   }
 }

package.json

@@ -51,8 +51,8 @@
     "@types/jest": "25.2.3",
     "@types/node": "11.12.0",
     "@types/react": "16.9.11",
-    "@typescript-eslint/eslint-plugin": "2.5.0",
-    "@typescript-eslint/parser": "2.5.0",
+    "@typescript-eslint/eslint-plugin": "4.24.0",
+    "@typescript-eslint/parser": "4.24.0",
     "bunchee": "1.5.4",
     "concurrently": "6.0.0",
     "eslint": "6.6.0",

src/state.ts

@@ -17,7 +17,7 @@ export default function useStateWithDeps<Data, Error, S = State<Data, Error>>(
   MutableRefObject<Record<StateKeys, boolean>>,
   (payload: S) => void
 ] {
-  const rerender = useState<object>({})[1]
+  const rerender = useState<Record<string, unknown>>({})[1]
   const stateRef = useRef(state)
 
   // If a state property (data, error or isValidating) is accessed by the render

src/types.ts

@@ -177,14 +177,14 @@ export type SWRInfiniteResponseInterface<Data = any, Error = any> = SWRResponse<
 > & {
   size: number
   setSize: (
-    size: number | ((size: number) => number)
+    size: number | ((_size: number) => number)
   ) => Promise<Data[] | undefined>
 }
 export interface SWRInfiniteResponse<Data = any, Error = any>
   extends SWRResponse<Data[], Error> {
   size: number
   setSize: (
-    size: number | ((size: number) => number)
+    size: number | ((_size: number) => number)
   ) => Promise<Data[] | undefined>
 }
 

src/use-swr-infinite.ts

@@ -45,7 +45,7 @@ function useSWRInfinite<Data = any, Error = any>(
   // get the serialized key of the first page
   let firstPageKey: string | null = null
   try {
-    ;[firstPageKey] = serialize(getKey ? getKey(0, null) : null)
+    firstPageKey = serialize(getKey ? getKey(0, null) : null)[0]
   } catch (err) {
     // not ready
   }

src/use-swr.ts

@@ -306,7 +306,7 @@ function useSWR<Data = any, Error = any>(
       const { retryCount = 0, dedupe = false } = revalidateOpts
 
       let loading = true
-      let shouldDeduping = !isUndefined(CONCURRENT_PROMISES[key]) && dedupe
+      const shouldDeduping = !isUndefined(CONCURRENT_PROMISES[key]) && dedupe
 
       // start fetching
       try {

test/use-swr-infinite.test.tsx

@@ -45,7 +45,7 @@ describe('useSWRInfinite', () => {
 
   it('should support mutate and initialSize', async () => {
     // mock api
-    let pageData = ['apple', 'banana', 'pineapple']
+    const pageData = ['apple', 'banana', 'pineapple']
 
     function Page() {
       const { data, mutate: boundMutate } = useSWRInfinite<string, string>(
@@ -399,7 +399,7 @@ describe('useSWRInfinite', () => {
     await screen.findByText('data:page 0, page 1,')
 
     // check all `setSize`s are referential equal.
-    for (let setSize of setters) {
+    for (const setSize of setters) {
       expect(setSize).toEqual(setters[0])
     }
   })
@@ -450,7 +450,7 @@ describe('useSWRInfinite', () => {
       '/api?page=1': ['page-1-1', 'page-1-2'],
       '/api?page=2': ['page-2-1', 'page-2-2']
     }
-    let requests = []
+    const requests = []
 
     function Page() {
       const { data, size, setSize } = useSWRInfinite<string[], string>(

test/use-swr-local-mutation.test.tsx

@@ -498,7 +498,7 @@ describe('useSWR - local mutation', () => {
     await act(() => sleep(50))
 
     // check all `setSize`s are referential equal.
-    for (let ref of refs) {
+    for (const ref of refs) {
       expect(ref).toEqual(refs[0])
     }
   })

tsconfig.test.json

@@ -1,24 +1,8 @@
 {
+  "extends": "./tsconfig.json",
   "compilerOptions": {
-    "declaration": true,
-    "esModuleInterop": true,
-    "jsx": "react",
-    "lib": ["esnext", "dom"],
-    "module": "commonjs",
-    "moduleResolution": "node",
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitReturns": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "outDir": "./dist",
-    "types": ["node", "jest"],
-    "target": "es5",
-    "typeRoots": ["./types", "./node_modules/@types"]
+    "rootDir": ".",
+    "strict": false
   },
-  "include": ["src/**/*", "./jest-setup.ts"],
-  "watchOptions": {
-    "watchFile": "useFsEvents",
-    "watchDirectory": "useFsEvents",
-    "fallbackPolling": "dynamicPriority"
-  }
+  "include": ["test/**/*", "./jest-setup.ts"]
 }