style: update eslint.config.mjs and fix lint

Author: remarkablemark

__tests__/esm/utilities.test.mjs

@@ -33,6 +33,6 @@ describe('utilities', () => {
   });
 
   it('exports "returnFirstArg" function', () => {
-    assert.strictEqual(typeof returnFirstArg, 'function');
+    assert.strictEqual(returnFirstArg('arg'), 'arg');
   });
 });

__tests__/utilities.test.ts

@@ -7,6 +7,7 @@ import {
   ELEMENTS_WITH_NO_TEXT_CHILDREN,
   isCustomComponent,
   PRESERVE_CUSTOM_ATTRIBUTES,
+  returnFirstArg,
   setStyleProp,
 } from '../src/utilities';
 
@@ -98,3 +99,9 @@ describe('canTextBeChildOfNode', () => {
     expect(canTextBeChildOfNode(node)).toBe(true);
   });
 });
+
+describe('returnFirstArg', () => {
+  it('returns first argument', () => {
+    expect(returnFirstArg('arg')).toBe('arg');
+  });
+});

eslint.config.mjs

@@ -1,49 +1,39 @@
-import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 
 import { includeIgnoreFile } from '@eslint/compat';
-import { FlatCompat } from '@eslint/eslintrc';
-import js from '@eslint/js';
-import typescriptEslint from '@typescript-eslint/eslint-plugin';
-import tsParser from '@typescript-eslint/parser';
+import eslint from '@eslint/js';
+import { defineConfig } from 'eslint/config';
 import prettier from 'eslint-plugin-prettier';
 import simpleImportSort from 'eslint-plugin-simple-import-sort';
 import globals from 'globals';
+import tseslint from 'typescript-eslint';
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const gitignorePath = path.resolve(__dirname, '.gitignore');
+const gitignorePath = fileURLToPath(new URL('.gitignore', import.meta.url));
 
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-  recommendedConfig: js.configs.recommended,
-  allConfig: js.configs.all,
-});
-
-export default [
+export default defineConfig([
   includeIgnoreFile(gitignorePath),
 
-  ...compat.extends(
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-  ),
+  {
+    ignores: ['examples/*'],
+  },
 
   {
-    files: ['**/*.js', '**/*.mjs', '**/*.ts', '**/*.tsx'],
+    files: ['**/*.{js,jsx,mjs,cjs,ts,tsx,mts,cts}'],
 
     plugins: {
-      '@typescript-eslint': typescriptEslint,
       'simple-import-sort': simpleImportSort,
+      eslint,
       prettier,
     },
 
+    extends: ['eslint/recommended'],
+
     languageOptions: {
       globals: {
         ...globals.browser,
         ...globals.jest,
         ...globals.node,
       },
-      parser: tsParser,
     },
 
     rules: {
@@ -57,15 +47,13 @@ export default [
     },
   },
 
+  tseslint.configs.recommended,
+
   {
     files: ['__tests__/**'],
 
     rules: {
       '@typescript-eslint/no-require-imports': 'off',
     },
   },
-
-  {
-    ignores: ['examples/*'],
-  },
-];
+]);

package-lock.json

@@ -69,8 +69,6 @@
     "@types/node": "22.15.30",
     "@types/react": "19.1.6",
     "@types/react-dom": "19.1.6",
-    "@typescript-eslint/eslint-plugin": "8.33.1",
-    "@typescript-eslint/parser": "8.33.1",
     "benchmark": "2.1.4",
     "eslint": "9.28.0",
     "eslint-plugin-prettier": "5.4.1",
@@ -88,7 +86,8 @@
     "size-limit": "11.2.0",
     "ts-jest": "29.3.4",
     "ts-node": "10.9.2",
-    "typescript": "5.8.3"
+    "typescript": "5.8.3",
+    "typescript-eslint": "8.33.1"
   },
   "peerDependencies": {
     "@types/react": "0.14 || 15 || 16 || 17 || 18 || 19",

package.json

@@ -7,18 +7,23 @@ export interface HTMLReactParserOptions {
   htmlparser2?: ParserOptions & DomHandlerOptions;
 
   library?: {
+    /* eslint-disable @typescript-eslint/no-explicit-any */
     cloneElement: (
       element: JSX.Element,
       props?: object,
       ...children: any[]
     ) => JSX.Element;
+
     createElement: (
       type: any,
       props?: object,
       ...children: any[]
     ) => JSX.Element;
+
     isValidElement: (element: any) => boolean;
+
     [key: string]: any;
+    /* eslint-enable @typescript-eslint/no-explicit-any */
   };
 
   replace?: (

src/types.ts

@@ -112,4 +112,4 @@ export const canTextBeChildOfNode = (node: Element) =>
  * @param arg - The argument to be returned.
  * @returns - The input argument `arg`.
  */
-export const returnFirstArg = (arg: any) => arg;
+export const returnFirstArg = (arg: any) => arg; // eslint-disable-line @typescript-eslint/no-explicit-any