Merge pull request #54 from AtomicJon/main

Update to dependencies including React to version 18

.eslintrc.json

@@ -7,7 +7,6 @@
   "extends": [
     "eslint:recommended",
     "plugin:@typescript-eslint/eslint-recommended",
-    "plugin:react/recommended",
     "plugin:css-modules/recommended",
     "plugin:jsx-a11y/recommended"
   ],
@@ -25,7 +24,6 @@
   },
   "plugins": [
     "@typescript-eslint",
-    "react",
     "css-modules"
   ],
   "rules": {
@@ -39,9 +37,8 @@
     "@typescript-eslint/no-unused-vars": ["error"],
     "no-use-before-define": "off",
     "object-curly-newline": ["error", { "ImportDeclaration": { "minProperties": 6, "consistent": true } }],
-    "react/jsx-indent": ["error", 2],
+    "react/react-in-jsx-scope": "off",
     "react/display-name": "off",
-    "react/jsx-filename-extension": ["error", { "extensions": [".js", ".jsx", ".ts", ".tsx"] }],
     "react/jsx-props-no-spreading": "off"
   },
   "settings": {

babel.config.json

@@ -1,6 +1,6 @@
 {
   "presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"],
   "plugins": [
-    "@babel/plugin-proposal-class-properties"
+    "@babel/plugin-transform-class-properties"
   ]
 }

example/package.json

@@ -10,7 +10,7 @@
     "eject": "node ./node_modules/react-scripts/bin/react-scripts.js eject"
   },
   "dependencies": {
-    "@super-effective/colorutils": "^2.1.1",
+    "@super-effective/colorutils": "^2.1.2",
     "@super-effective/react-color-picker": "link:..",
     "react": "link:../node_modules/react",
     "react-dom": "link:../node_modules/react-dom",
@@ -29,7 +29,7 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.18.2",
+    "@babel/core": "^7.23.0",
     "@babel/plugin-syntax-object-rest-spread": "^7.8.3"
   }
 }

example/src/index.js

@@ -1,5 +1,6 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const container = document.getElementById('root');
+const root = createRoot(container);
+root.render(<App />);