fix: apply pseudo class styles to reflection (#793)

* fix: apply pseudo class styles to reflection

* chore: fix mismatch eslint-scope issue

Author: iamogbz

demo/src/index.tsx

@@ -1,7 +1,9 @@
 import * as React from "react";
-import { render } from "react-dom";
+import { createRoot } from "react-dom/client";
 
 import App from "./App";
 
 const rootElement = document.getElementById("root");
-render(<App />, rootElement);
+if (rootElement) {
+  createRoot(rootElement).render(<App />);
+}

package.json

@@ -33,10 +33,10 @@
         "lint": "eslint . --ext .js,.ts,.jsx,.tsx",
         "build": "webpack --mode=production",
         "build-watch": "webpack --mode=development --watch",
-        "build-types": "tsc --declaration --emitDeclarationOnly --project tsconfig.prod.json",
+        "build-types": "tsc --project tsconfig.prod.json --emitDeclarationOnly --declaration",
         "test": "jest",
         "coveralls": "cat ./artifacts/coverage/lcov.info | coveralls",
-        "typecheck": "tsc --noEmit",
+        "typecheck": "tsc --project tsconfig.prod.json --noEmit",
         "commit": "git-cz",
         "release": "semantic-release"
     },
@@ -91,59 +91,61 @@
         "specificity": "^0.4.1"
     },
     "devDependencies": {
-        "@babel/cli": "^7.17.10",
-        "@babel/core": "^7.17.10",
-        "@babel/eslint-parser": "^7.17.0",
-        "@babel/plugin-syntax-flow": "^7.16.7",
-        "@babel/plugin-transform-react-jsx": "^7.17.3",
-        "@babel/preset-typescript": "^7.16.7",
-        "@commitlint/cli": "^17.0.0",
-        "@commitlint/config-conventional": "^17.0.0",
-        "@testing-library/react": "^13.2.0",
-        "@types/jest": "^29.0.0",
-        "@types/node": "^18.0.0",
-        "@types/react": "^18.0.9",
-        "@types/react-dom": "^18.0.3",
+        "@babel/cli": "^7.19.3",
+        "@babel/core": "^7.19.3",
+        "@babel/eslint-parser": "^7.19.1",
+        "@babel/plugin-syntax-flow": "^7.18.6",
+        "@babel/plugin-transform-react-jsx": "^7.19.0",
+        "@babel/preset-typescript": "^7.18.6",
+        "@commitlint/cli": "^17.1.2",
+        "@commitlint/config-conventional": "^17.1.0",
+        "@testing-library/react": "^13.4.0",
+        "@types/eslint": "^8.4.6",
+        "@types/eslint-scope": "^3.7.4",
+        "@types/jest": "^29.2.0",
+        "@types/node": "^18.11.2",
+        "@types/react": "^18.0.21",
+        "@types/react-dom": "^18.0.6",
         "@types/react-test-renderer": "^18.0.0",
         "@types/webpack": "^5.28.0",
         "@types/webpack-node-externals": "^2.5.3",
-        "@typescript-eslint/eslint-plugin": "^5.22.0",
-        "@typescript-eslint/parser": "^5.22.0",
-        "acorn": "^8.7.1",
-        "autoprefixer": "^10.4.7",
+        "@typescript-eslint/eslint-plugin": "^5.40.1",
+        "@typescript-eslint/parser": "^5.40.1",
+        "acorn": "^8.8.0",
+        "autoprefixer": "^10.4.12",
         "babel-loader": "^8.2.5",
         "babel-plugin-transform-class-properties": "^6.24.1",
-        "commitizen": "^4.2.4",
+        "commitizen": "^4.2.5",
         "coveralls": "^3.1.1",
         "cz-conventional-changelog": "^3.3.0",
-        "eslint": "^8.14.0",
+        "eslint": "^8.25.0",
         "eslint-config-airbnb": "^19.0.4",
         "eslint-config-prettier": "^8.5.0",
         "eslint-plugin-import": "^2.26.0",
-        "eslint-plugin-jsx-a11y": "^6.5.1",
-        "eslint-plugin-prettier": "^4.0.0",
-        "eslint-plugin-react": "^7.29.4",
-        "eslint-plugin-react-hooks": "^4.5.0",
+        "eslint-plugin-jsx-a11y": "^6.6.1",
+        "eslint-plugin-prettier": "^4.2.1",
+        "eslint-plugin-react": "^7.31.10",
+        "eslint-plugin-react-hooks": "^4.6.0",
         "husky": "^8.0.1",
-        "jest": "^28.1.0",
-        "jest-environment-jsdom": "^29.0.0",
-        "lint-staged": "^13.0.0",
-        "postcss": "^8.4.13",
-        "prettier": "^2.6.2",
-        "prettier-eslint": "^15.0.0",
+        "jest": "^29.2.1",
+        "jest-environment-jsdom": "^29.2.1",
+        "lint-staged": "^13.0.3",
+        "postcss": "^8.4.18",
+        "prettier": "^2.7.1",
+        "prettier-eslint": "^15.0.1",
         "prop-types": "^15.8.1",
-        "react": "^18.1.0",
-        "react-dom": "^18.1.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "react-scripts": "^5.0.1",
-        "react-test-renderer": "^18.1.0",
-        "rxjs": "^7.5.5",
-        "semantic-release": "^19.0.2",
-        "ts-jest": "^28.0.4",
-        "ts-loader": "^9.3.0",
-        "ts-node": "^10.7.0",
-        "typescript": "^4.6.4",
-        "webpack": "^5.72.0",
-        "webpack-cli": "^4.9.2",
+        "react-test-renderer": "^18.2.0",
+        "rxjs": "^7.5.7",
+        "semantic-release": "^19.0.5",
+        "ts-jest": "^29.0.3",
+        "ts-loader": "^9.4.1",
+        "ts-node": "^10.9.1",
+        "typescript": "^4.8.4",
+        "webpack": "^5.74.0",
+        "webpack-cli": "^4.10.0",
         "webpack-compiler-plugin": "^1.1.5",
         "webpack-node-externals": "^3.0.0"
     }