Fixed some eslint issues when linting examples

.eslintignore

@@ -5,6 +5,7 @@ build
 bundles
 coverage
 dist
+examples
 lib
 node_modules
 out

.eslintrc.json

@@ -0,0 +1,68 @@
+{
+  "env": {
+    "browser": true,
+    "es2022": true,
+    "jest": true,
+    "node": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "prettier",
+    "plugin:react-hooks/recommended",
+    "plugin:jest/recommended",
+    "plugin:jest-dom/recommended"
+  ],
+  "parser": "@babel/eslint-parser",
+  "plugins": ["@babel", "jest", "react", "react-hooks", "testing-library"],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "overrides": [
+    {
+      "files": ["**/*.mjs"],
+      "parserOptions": {
+        "babelOptions": {
+          "parserOpts": {
+            "plugins": ["importAssertions"]
+          }
+        }
+      }
+    },
+    {
+      "files": [
+        "**/__tests__/**/*.[jt]s?(x)",
+        "**/?(*.)+(spec|test).[jt]s?(x)"
+      ],
+      "extends": ["plugin:testing-library/react"]
+    },
+    {
+      "files": ["**/*.ts?(x)"],
+      "parser": "@typescript-eslint/parser",
+      "parserOptions": {
+        "tsconfigRootDir": ".",
+        "project": ["./tsconfig.json"]
+      },
+      "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/eslint-recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:@typescript-eslint/recommended-requiring-type-checking"
+      ],
+      "rules": {
+        "@typescript-eslint/no-unused-vars": [
+          "error",
+          {
+            "varsIgnorePattern": "^_",
+            "argsIgnorePattern": "^_"
+          }
+        ],
+        "@typescript-eslint/unbound-method": "off",
+        "jest/unbound-method": "error",
+        "react/react-in-jsx-scope": "off"
+      }
+    }
+  ]
+}

.github/workflows/ci.yaml

@@ -56,7 +56,10 @@ jobs:
           prettier: true
           eslint: true
           eslint_args: '--max-warnings 0'
-          eslint_extensions: js,jsx,ts,tsx
+          eslint_extensions: js,jsx,mjs,cjs,ts,tsx
+
+      - name: Lint examples
+        run: npm run lint:examples
 
       - name: Build
         run: npm run build:all

babel.config.js

@@ -1,3 +1,6 @@
+/**
+ * @type {import('@babel/core').TransformOptions}
+ */
 module.exports = {
   presets: ['@babel/preset-env', '@babel/preset-react'],
   plugins: [

examples/nextjs/.eslintignore

@@ -0,0 +1,11 @@
+.github
+.next
+.yalc
+build
+bundles
+coverage
+dist
+lib
+node_modules
+out
+public

examples/nextjs/.eslintrc.json

@@ -1,5 +1,7 @@
 {
   "root": true,
   "extends": ["next/core-web-vitals"],
-  "ignorePatterns": ["node_modules", ".next"]
+  "rules": {
+    "react/react-in-jsx-scope": "off"
+  }
 }

examples/react-17/.eslintignore

@@ -0,0 +1,11 @@
+.github
+.next
+.yalc
+build
+bundles
+coverage
+dist
+lib
+node_modules
+out
+public

examples/react-17/.eslintrc.json

@@ -0,0 +1,4 @@
+{
+  "root": true,
+  "extends": ["react-app", "react-app/jest"]
+}

examples/react-17/package.json

@@ -24,13 +24,6 @@
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
   "browserslist": {
     "production": [
       ">0.2%",

examples/typescript/.eslintignore

@@ -0,0 +1,11 @@
+.github
+.next
+.yalc
+build
+bundles
+coverage
+dist
+lib
+node_modules
+out
+public

package.json

@@ -20,7 +20,9 @@
   ],
   "scripts": {
     "test": "jest",
-    "lint": "eslint src babel.config.js index.d.ts",
+    "lint": "eslint . --ext .js,.jsx,.mjs,.cjs,.ts,.tsx",
+    "lint:examples": "ts-node scripts/foreach-example.ts npx eslint . --ext .js,.jsx,.mjs,.cjs,.ts,.tsx",
+    "lint:all": "npm run lint && npm run lint:examples",
     "install:all": "node scripts/install-all.js",
     "clean:build": "rimraf dist lib bundles",
     "clean:all": "ts-node scripts/clean.ts",