chore(package): upgrade dependencies to latest versions

BREAKING CHANGE: Upgrades

.eslintcache

@@ -0,0 +1 @@
+[{"/Users/miguel/Documents/code/personal/react-ts/src/index.tsx":"1","/Users/miguel/Documents/code/personal/react-ts/src/App.tsx":"2"},{"size":504,"mtime":1611931534886,"results":"3","hashOfConfig":"4"},{"size":573,"mtime":1611933360521,"results":"5","hashOfConfig":"4"},{"filePath":"6","messages":"7","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"8"},"qclzl",{"filePath":"9","messages":"10","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/miguel/Documents/code/personal/react-ts/src/index.tsx",[],[],"/Users/miguel/Documents/code/personal/react-ts/src/App.tsx",[]]

.eslintrc.json

@@ -16,7 +16,9 @@
   "rules": {
     "no-console": "error",
     "prettier/prettier": ["error", { "singleQuote": true }],
-    "simple-import-sort/sort": "error",
+    "simple-import-sort/imports": "error",
+    "sort-imports": "off",
+    "import/order": "off",
     "@typescript-eslint/explicit-member-accessibility": 0,
     "@typescript-eslint/explicit-function-return-type": 0,
     "@typescript-eslint/interface-name-prefix": 0,

.yarn/build-state.yml

@@ -1,26 +1,30 @@
 # Warning: This file is automatically generated. Removing it is fine, but will
 # cause all your builds to become invalidated.
 
-# core-js-pure@npm:3.6.5
-"c634b57d825318aaf25531579115cf09e2ff2e66bb3bd91622453ecd2b2358a66d44010bc4e9f0407d3252ba4d0548ebe0327ec589e6d8603b97711bd4ff735e":
-  379aee9843bc79e668c83e64011a625217611146de53bce39ed30d6cd2e288bf93bd446f3fdd0d9d26194071622ad98a75d8fd84569283584430cf1dd3f82e9a
+# core-js-pure@npm:3.8.3
+"26d5c5b6cef3bc9054ace2d3752b66802fcf5333a4f24fe7d200452968360d9e0dc7c51a5c00bb3e5909d6c3e86fa062b6321341db941b5acf516f1eab77dd8b":
+  863819608b97504528de0cc40c9e04965893acc1be07e439562484ecda86175d7a2c57e214283695f9ff36c075026b2fdfd93b3f7bd5f1f7c188139ff3458537
 
-# core-js@npm:2.6.11
-"15178ded27ab674ae2054269453d809bdb1d00b98392a34947b5d43ea7a5811e5674c2fda7d48bb653b24a3506b0a8aa126bbac861bdeba93438ec6c7efb2d9d":
-  d3a482a391e312a5c78ac019104110a1bb8bba8a1f35ab1e16705c96d24aa20f7ed8eec55c39fbb6591b2692124cff1c2051a1257831cee50ae60238ce466727
+# core-js@npm:2.6.12
+"0b93d77d31629ea22008e81fc0f5432252f9d8d4985cb82c4253a1aa05054d1dc0f9f59daf4668987876afb8a8adc93e90748dfdcc90cd8312236b6ebc616a70":
+  142015c55b9470fedb0c7adab679d0ede53526f8bf3e3eef9b2d6b7d369260ea0b4b7e1f58356d4cf2240727a6b9b178384dfd41f3c77306a8fcf55395714046
 
-# core-js@npm:3.6.5
-"5941340066f775d2694fe1955bef9a66af767bfade2eca6ca442d82a68a5c999e76165c38ab532c125bf81c66c151d83d8e96f86a3f7af2d755000b3e2d48171":
-  a87d7c8d010526ea47ae32cd9c04404fb2fb45ee1bb2d722701cf956182db08b3c1f5bede7b1ad29c15a47adeb18001c15fceeda074749fbbe091e1c75b2b7d3
+# core-js@npm:3.8.3
+"f6bf459c9f9fefe67e9df1314c2f6225fc97169224959de663333ead131d438afed65f90606e3ce88e78163bc4ef98845427cd8ac9da967de51a9d5f47b29c3e":
+  fce8506e4aab6d5e8db7763bfaa0a308a0a64ee6fca7ed21699c3d6dfc9340ac3867553e2fba25aad20b7b57391d9ba52580b4b711149cf8f6a3e3f3b36f7126
 
-# fsevents@npm:1.2.13
-"9e970219e76e7f32419a632cbd8c3055542703166073d84c3f92b014d0112807257a1b52a5909e82cd38ba4a78b08ef09e15bdcb3b798caf0722f61508a34c8e":
-  1fef3a8c34ae66cf16b5dc4feb97fac7e4bf9821cc4a6b14f54484a09e44f18dbad8494f32edb86dcd4fe873b44f091b2c56574c943715172f801e21b9a1726b
+# ejs@npm:2.7.4
+"879ed38a4e6f542ab08c36367888dd2c675bef03e81327d75da644a9795ff2d91c34d3cc00a725a6332b56c51ff7cd6a6c5e8c9f9411e6c41bf42b356e1e2417":
+  a2c556738ce43c056897fd4fb9cd4328c3c7703060253e66b87391a33294e38defc22632fae60b560d2dfdb5398cf715c82840b914f507f1e784979729c7107a
 
-# husky@npm:4.2.5
-"30d80a2ef8f47f82bf641519be4696656242ca58892f371fe566f83e7cad0edec8c51cb01e9758f0a3217e2533bce8b54033a8d334bea489f2f7fcc747e5977d":
-  72041eda13c8ea201a3919107b66cf29b893567fbbe988e323f6231ed4ccb98bc6ceebf526a473acefeab47d0e69b2888d8247c3d8e705884ceffc87b8634290
+# fsevents@patch:fsevents@npm%3A1.2.13#builtin<compat/fsevents>::version=1.2.13&hash=11e9ea
+"268c0b888ddfb611722b2ffd60f6a12729aed7f4e910e41b46d22ec5d652b177b3680e939f37b6278ca5903c81ec55105f93c7fc0944e125761166786225180b":
+  7cb1984e644a3330c9d8effa997b97acb2f4a11958a3227fbb6e85ac13ce8e51ccecd1d6d87cb9ec03c41db78d20daae135cb815ffee2faf8c8492c0f0b4bf5f
+
+# husky@npm:4.3.8
+"f7cd00e56dbba459c263908965bd5cfa284a962e6b362188ead42618549883f2531973bf2680fd2c75153eea88ba472837723b15cba4fa9a30487f4bd8e347d6":
+  1fd5f225cf171186c6e4502b1ee81cd6f0a41c543900b6ece08b0bb9440ffbb096f78d98add855c672fed4bd096e27ad4180e632a110f4c80124d0d129e5813c
 
 # node-sass@npm:4.14.1
 "edc7772b3a0532be3621207ffaa6a9ea396f3b73757e746eb443430321fa98b2275a193aef651a20a9d694edc141856dfec4f0de2951d3316b61204be538e651":
-  0baf9c3e7c07fd468f736517162e651d929017f82624d34fd53e23526fba9d15775eb055280c9370d45bbddcb75b25dac7fffcdd69ee6075a93e8dd468516d7b
+  43cb113247ae9e3deecc322412ff1d0753f53c4592803523c2371b9b6ef534c42d9f41fc33dde0a4ad2ad8efc1d56706ba40a89049002f1f0ef30925ae78ecf1

.yarnrc.yml

@@ -2,6 +2,6 @@ nodeLinker: node-modules
 
 plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.js
-    spec: "@yarnpkg/plugin-interactive-tools"
+    spec: '@yarnpkg/plugin-interactive-tools'
 
-yarnPath: .yarn/releases/yarn-berry.js
+yarnPath: .yarn/releases/yarn-2.4.0.cjs

package.json

@@ -18,34 +18,34 @@
   },
   "dependencies": {
     "node-sass": "4.14.1",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
-    "typescript": "3.9.7"
+    "react": "17.0.1",
+    "react-dom": "17.0.1",
+    "typescript": "4.1.3"
   },
   "devDependencies": {
-    "@commitlint/cli": "9.1.2",
-    "@commitlint/config-conventional": "9.1.2",
+    "@commitlint/cli": "11.0.0",
+    "@commitlint/config-conventional": "11.0.0",
     "@semantic-release/git": "9.0.0",
-    "@testing-library/jest-dom": "5.11.4",
-    "@testing-library/react": "10.4.9",
-    "@testing-library/user-event": "12.1.3",
-    "@types/jest": "26.0.10",
-    "@types/node": "14.6.1",
-    "@types/react": "16.9.48",
-    "@types/react-dom": "16.9.8",
-    "commitizen": "4.2.1",
-    "cross-env": "7.0.2",
+    "@testing-library/jest-dom": "5.11.9",
+    "@testing-library/react": "11.2.3",
+    "@testing-library/user-event": "12.6.2",
+    "@types/jest": "26.0.20",
+    "@types/node": "14.14.22",
+    "@types/react": "17.0.0",
+    "@types/react-dom": "17.0.0",
+    "commitizen": "4.2.3",
+    "cross-env": "7.0.3",
     "cz-conventional-changelog": "3.3.0",
-    "eslint": "6.8.0",
-    "eslint-config-prettier": "6.11.0",
+    "eslint": "7.18.0",
+    "eslint-config-prettier": "7.2.0",
     "eslint-config-react": "1.1.7",
-    "eslint-plugin-prettier": "3.1.4",
-    "eslint-plugin-simple-import-sort": "5.0.3",
-    "husky": "4.2.5",
-    "lint-staged": "10.2.13",
-    "prettier": "2.1.1",
-    "react-scripts": "3.4.3",
-    "semantic-release": "17.1.1"
+    "eslint-plugin-prettier": "3.3.1",
+    "eslint-plugin-simple-import-sort": "7.0.0",
+    "husky": "4.3.8",
+    "lint-staged": "10.5.3",
+    "prettier": "2.2.1",
+    "react-scripts": "4.0.1",
+    "semantic-release": "17.3.7"
   },
   "browserslist": {
     "production": [

src/App.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 
 import logo from './logo.svg';
 
-function App() {
+const App: React.FC = () => {
   return (
     <div className="App">
       <header className="App-header">
@@ -23,6 +23,6 @@ function App() {
       </header>
     </div>
   );
-}
+};
 
 export default App;

tsconfig.json

@@ -17,7 +17,8 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react"
+    "jsx": "react-jsx",
+    "noFallthroughCasesInSwitch": true
   },
   "include": [
     "src"