upgrade tsconfig and fix new errors

Author: devgioele

package.json

@@ -8,9 +8,10 @@
     "node": "^16"
   },
   "scripts": {
-    "build": "npm run build:node && npm run build:esm",
-    "build:node": "tsc",
-    "build:esm": "tsc --project tsconfig.esnext.json",
+    "build": "rimraf dist && npm run build:types && npm run build:esm && npm run build:cjs",
+    "build:esm": "tsc -p tsconfig.esm.json",
+    "build:cjs": "tsc -p tsconfig.cjs.json",
+    "build:types": "tsc -p tsconfig.types.json",
     "lint": "eslint --ext js,ts,tsx src",
     "lint:fix": "npm run lint -- --fix",
     "typecheck": "tsc --noEmit",
@@ -65,8 +66,9 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-router-dom": "^6.7.0",
+    "rimraf": "^5.0.1",
     "ts-jest": "^28.0.5",
-    "typescript": "^4.7.4"
+    "typescript": "^5.1.6"
   },
   "peerDependencies": {
     "next": "^12.0.0 || ^13.0.0",

src/nextRouterPagination.tsx

@@ -1,7 +1,6 @@
 import { ParsedUrlQuery } from 'querystring'
 import { useRouter } from 'next/router'
 import { useCallback } from 'react'
-
 import { IndexType, IUseQueryAndPagination, QueryParameters } from './types'
 import { convert } from './utils'
 
@@ -64,7 +63,7 @@ export const useQueryAndPagination: IUseQueryAndPagination = function (config) {
         ) {
           delete params[parameter]
         } else {
-          params[parameter] = queryParameters[parameter].toString()
+          params[parameter] = queryParameters[parameter]?.toString()
         }
       }
 

src/reactRouterPagination.tsx

@@ -42,7 +42,7 @@ export const useQueryAndPagination: IUseQueryAndPagination = function (config) {
         ) {
           params.delete(parameter)
         } else {
-          params.set(parameter, queryParameters[parameter].toString())
+          params.set(parameter, queryParameters[parameter] as string)
         }
       }
 

tsconfig.cjs.json

@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "outDir": "./dist/cjs",
+    "declaration": false,
+    "declarationMap": false,
+    "sourceMap": false,
+    "removeComments": true
+  },
+  "exclude": ["node_modules", "**/__test__/*", "**/__tests__/*"],
+  "include": ["src"]
+}

tsconfig.esm.json

@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "es2020",
+    "outDir": "./dist/esm",
+    "declaration": false,
+    "declarationMap": false,
+    "sourceMap": false,
+    "removeComments": true
+  },
+  "exclude": ["node_modules", "**/__test__/*", "**/__tests__/*"],
+  "include": ["src"]
+}

tsconfig.esnext.json

@@ -1,14 +1,27 @@
 {
-    "compilerOptions": {
-      "target": "es5",
-      "jsx": "react",
-      "esModuleInterop": true,
-      "outDir": "./dist",
-      "declaration": true,
-      "strict": true,
-      "sourceMap": true,
-      "skipLibCheck": true
-    },
-    "include": ["src"],
-    "exclude": ["node_modules", "**/__test__/*", "**/__tests__/*"]
+  "compilerOptions": {
+    "target": "es2020",
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noImplicitOverride": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedIndexedAccess": true,
+    "forceConsistentCasingInFileNames": true,
+    "allowUnreachableCode": false,
+    "downlevelIteration": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "importHelpers": true,
+    "outDir": "./dist",
+    "declaration": true,
+    "sourceMap": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "**/__test__/*", "**/__tests__/*"]
 }

tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "emitDeclarationOnly": true,
+    "outDir": "./dist/types",
+    "declaration": true,
+    "declarationMap": true,
+    "removeComments": false
+  },
+  "exclude": [
+    "src/vitest.ts",
+    "**/__test__/*",
+    "**/__tests__/*",
+    "**/*.stories.tsx",
+    "**/*.stories.ts",
+    "src/examples/*",
+    ".storybook/*"
+  ],
+  "include": ["src"]
+}