chore: upgrade deps and tsconfig file

Author: alioguzhan

.eslintrc.js

@@ -26,7 +26,8 @@ module.exports = {
   rules: {
     'prettier/prettier': 'error',
     '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/no-unused-vars': 'off',
+    'no-use-before-define': 'off',
+    '@typescript-eslint/no-use-before-define': ['error'],
     'react-hooks/rules-of-hooks': 'error', // Checks rules of Hooks
     'react-hooks/exhaustive-deps': 'warn', // Checks effect dependencies
     'react/react-in-jsx-scope': 'off', // suppress errors for missing 'import React' in files

package.json

@@ -35,43 +35,43 @@
     "npm": ">=6"
   },
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "17.0.2"
+    "react": ">=16",
+    "react-dom": ">=16"
   },
   "devDependencies": {
-    "@commitlint/cli": "^12.1.1",
+    "@commitlint/cli": "^12.1.4",
     "@testing-library/jest-dom": "^5.12.0",
-    "@testing-library/react": "^11.2.6",
+    "@testing-library/react": "^11.2.7",
     "@types/jest": "^26.0.23",
-    "@types/node": "^15.0.1",
-    "@types/react": "^17.0.4",
-    "@types/react-dom": "^17.0.3",
-    "@typescript-eslint/eslint-plugin": "^4.22.0",
-    "@typescript-eslint/parser": "^4.22.0",
+    "@types/node": "^15.3.0",
+    "@types/react": "^17.0.5",
+    "@types/react-dom": "^17.0.5",
+    "@typescript-eslint/eslint-plugin": "^4.23.0",
+    "@typescript-eslint/parser": "^4.23.0",
     "colors": "^1.4.0",
     "cross-env": "^7.0.3",
-    "eslint": "^7.25.0",
+    "eslint": "^7.26.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-standard": "^16.0.2",
-    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-import": "^2.23.2",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-promise": "^5.1.0",
     "eslint-plugin-react": "^7.23.2",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-standard": "^4.1.0",
+    "eslint-plugin-standard": "^5.0.0",
     "gh-pages": "^3.1.0",
     "husky": "^6.0.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^26.6.3",
-    "lint-staged": "^10.5.4",
-    "postcss": "^8.2.13",
-    "prettier": "^2.2.1",
+    "lint-staged": "^11.0.0",
+    "postcss": "^8.2.15",
+    "prettier": "^2.3.0",
     "prompt": "^1.1.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.1",
     "replace-in-file": "^6.2.0",
-    "rollup": "^2.46.0",
+    "rollup": "^2.48.0",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-json": "^4.0.0",
     "rollup-plugin-node-resolve": "^5.2.0",
@@ -81,7 +81,7 @@
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.30.0",
     "shelljs": "^0.8.4",
-    "ts-jest": "^26.5.5",
+    "ts-jest": "^26.5.6",
     "ts-node": "^9.1.1",
     "typedoc": "^0.20.36",
     "typescript": "^4.2.4"

src/__tests__/index.test.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import Main from '../index';

src/index.tsx

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 import styles from './styles.module.css';
 
 interface Props {

tsconfig.json

@@ -3,9 +3,7 @@
     "target": "es5",
     "module": "ESNext",
     "lib": [
-      "ES2017",
-      "ES7",
-      "ES6",
+      "ESNext",
       "DOM"
     ],
     "declaration": true,
@@ -22,7 +20,7 @@
     "allowJs": false,
     "moduleResolution": "node",
     "resolveJsonModule": true,
-    "jsx": "react-jsx",
+    "jsx": "react",
     "baseUrl": "./src",
     "paths": {
       "tslib": [
@@ -41,5 +39,8 @@
   "exclude": [
     "node_modules",
     "dist",
+    "src/__tests__",
+    "**/*.test.tsx",
+    "**/*.spec.tsx",
   ]
 }