chore(deps): migrate to React (#47)

Author: nicomiguelino

.editorconfig

@@ -4,7 +4,7 @@ root = true
 end_of_line = lf
 insert_final_newline = true
 
-[*.{js,mjs,html}]
+[*.{js,mjs,jsx,html}]
 indent_style = space
 indent_size = 2
 

eslint.config.mjs

@@ -1,9 +1,9 @@
-import jasmine from "eslint-plugin-jasmine";
-import globals from "globals";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import js from "@eslint/js";
-import { FlatCompat } from "@eslint/eslintrc";
+import jasmine from 'eslint-plugin-jasmine';
+import globals from 'globals';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -14,32 +14,51 @@ const compat = new FlatCompat({
 });
 
 export default [
-  ...compat.extends("eslint:recommended", "plugin:jasmine/recommended"),
+  ...compat.extends(
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:jasmine/recommended'
+  ),
   {
     ignores: [
-      "src/lib/vendor/",
-      "node_modules/",
-      "dist/",
-    ]
+      'src/lib/vendor/',
+      'node_modules/',
+      'dist/',
+    ],
   },
   {
+    files: ['**/*.{js,jsx,mjs}'],
     plugins: {
       jasmine,
     },
 
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+
     languageOptions: {
       globals: {
         ...globals.browser,
         ...globals.jasmine,
         ...globals.node,
-        Atomics: "readonly",
-        SharedArrayBuffer: "readonly",
+        Atomics: 'readonly',
+        SharedArrayBuffer: 'readonly',
       },
 
-      ecmaVersion: "latest",
-      sourceType: "module",
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
     },
 
-    rules: {},
+    rules: {
+      'react/prop-types': 'off',
+    },
   }
 ];