chore: update dependencies and fix type issues in tests and stories

Author: afc163

package.json

@@ -57,6 +57,7 @@
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.3.0",
     "@types/node": "^22.10.2",
+    "@types/react": "^19.2.7",
     "autoprefixer": "^7.1.2",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^24.8.0",
@@ -135,5 +136,8 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "overrides": {
+    "@types/minimatch": "5.1.2"
   }
 }

playwright-tests/features/responsive/responsive.spec.tsx

@@ -3,7 +3,7 @@ import Responsive from "./responsive.story";
 
 test.use({ viewport: { width: 1200, height: 500 } });
 
-async function activeSlidesCount(component) {
+async function activeSlidesCount(component: any) {
   return await component.locator(".slick-slide.slick-active").count();
 }
 

playwright-tests/features/responsive/responsive.story.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+// @ts-ignore
 import Slider from "../../../src-jsx";
 
 function Responsive() {

playwright-tests/regression/fix-1930/fix-1930.spec.tsx

@@ -12,7 +12,7 @@ test("height check in vertical mode when slides < slidesToShow and finite", asyn
 
   const track = component.locator(".slick-track").first();
   const box = await track.boundingBox();
-  await expect(box.height).toEqual(200);
+  await expect(box?.height).toEqual(200);
 });
 
 test("height check in vertical mode when slides < slidesToShow and infinite", async ({
@@ -22,5 +22,5 @@ test("height check in vertical mode when slides < slidesToShow and infinite", as
 
   const track = component.locator(".slick-track").first();
   const box = await track.boundingBox();
-  await expect(box.height).toEqual(200);
+  await expect(box?.height).toEqual(200);
 });

playwright-tests/regression/fix-1930/fix-1930.story.tsx

@@ -1,3 +1,4 @@
+// @ts-ignore
 import Slider from "../../../src-jsx";
 import React from "react";
 

tsconfig.json

@@ -11,9 +11,9 @@
     // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
 
     /* Language and Environment */
-    "target": "es2016",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
+    "target": "es2016" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
     // "lib": [],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
-    // "jsx": "preserve",                                /* Specify what JSX code is generated. */
+    "jsx": "react-jsx" /* Specify what JSX code is generated. */,
     // "experimentalDecorators": true,                   /* Enable experimental support for legacy experimental decorators. */
     // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
     // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
@@ -25,7 +25,7 @@
     // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
 
     /* Modules */
-    "module": "commonjs",                                /* Specify what module code is generated. */
+    "module": "commonjs" /* Specify what module code is generated. */,
     // "rootDir": "./",                                  /* Specify the root folder within your source files. */
     // "moduleResolution": "node10",                     /* Specify how TypeScript looks up a file from a given module specifier. */
     // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
@@ -55,7 +55,7 @@
     // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
     // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
     // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
-    "outDir": "./dist",                                   /* Specify an output folder for all emitted files. */
+    "outDir": "./dist" /* Specify an output folder for all emitted files. */,
     // "removeComments": true,                           /* Disable emitting comments. */
     // "noEmit": true,                                   /* Disable emitting files from a compilation. */
     // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
@@ -76,12 +76,12 @@
     // "verbatimModuleSyntax": true,                     /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */
     // "isolatedDeclarations": true,                     /* Require sufficient annotation on exports so other tools can trivially generate declaration files. */
     // "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
-    "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
+    "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */,
     // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
-    "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
+    "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
 
     /* Type Checking */
-    "strict": true,                                      /* Enable all strict type-checking options. */
+    "strict": true /* Enable all strict type-checking options. */,
     // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied 'any' type. */
     // "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
     // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
@@ -103,6 +103,6 @@
 
     /* Completeness */
     // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
-    "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
+    "skipLibCheck": true /* Skip type checking all .d.ts files. */
   }
 }