chore: new deps and fix test

Author: HayesGordon

package.json

@@ -35,10 +35,10 @@
   },
   "homepage": "https://github.com/rive-app/rive-react#readme",
   "dependencies": {
-    "@rive-app/canvas": "2.31.1",
-    "@rive-app/canvas-lite": "2.31.1",
-    "@rive-app/webgl": "2.31.1",
-    "@rive-app/webgl2": "2.31.1"
+    "@rive-app/canvas": "2.31.0",
+    "@rive-app/canvas-lite": "2.31.0",
+    "@rive-app/webgl": "2.31.0",
+    "@rive-app/webgl2": "2.31.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0"
@@ -47,34 +47,33 @@
     "@babel/core": "^7.18.0",
     "@testing-library/jest-dom": "^5.13.0",
     "@testing-library/react": "^16.3.0",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^18.19.122",
+    "@types/jest": "^27.0.3",
     "@types/offscreencanvas": "^2019.6.4",
     "@types/react": "^18.0.0",
     "@types/testing-library__jest-dom": "^5.9.5",
-    "@typescript-eslint/eslint-plugin": "^5.7.0",
-    "@typescript-eslint/parser": "^5.7.0",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
     "auto-changelog": "^2.3.0",
     "babel-loader": "^8.2.5",
     "bunchee": "1.8.5",
-    "eslint": "^7.28.0",
+    "eslint": "^8.57.1",
     "eslint-config-prettier": "^8.3.0",
-    "eslint-config-standard": "^16.0.3",
+    "eslint-config-standard": "^17.1.0",
     "eslint-plugin-import": "^2.23.4",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-promise": "^5.1.0",
+    "eslint-plugin-promise": "^6.6.0",
     "eslint-plugin-react": "^7.27.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.5.12",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "jest": "^27.0.4",
+    "jest-mock": "^30.0.5",
     "prettier": "^2.3.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "release-it": "^14.10.0",
-    "ts-jest": "^29.4.1",
-    "typescript": "^5.9.2",
+    "ts-jest": "^27.1.1",
+    "typescript": "^4.5.4",
     "watch": "^1.0.2"
   }
-}
+}

test/useStateMachine.test.tsx

@@ -1,4 +1,3 @@
-import { mocked } from 'jest-mock';
 import { renderHook } from '@testing-library/react';
 
 import useStateMachineInput from '../src/hooks/useStateMachineInput';
@@ -35,6 +34,7 @@ function getRiveMock({
   const riveMock = new Rive({
     canvas: undefined as unknown as HTMLCanvasElement,
   });
+  
   if (smiInputs) {
     riveMock.stateMachineInputs = jest.fn().mockReturnValue(smiInputs);
   }
@@ -51,8 +51,6 @@ describe('useStateMachineInput', () => {
   it('returns null if there is no state machine name', () => {
     const riveMock = getRiveMock();
 
-    mocked(Rive).mockImplementation(() => riveMock);
-
     const { result } = renderHook(() =>
       useStateMachineInput(riveMock, '', 'testInput')
     );
@@ -71,10 +69,8 @@ describe('useStateMachineInput', () => {
   it('returns null if there are no inputs for the state machine', () => {
     const riveMock = getRiveMock({ smiInputs: [] });
 
-    mocked(Rive).mockImplementation(() => riveMock);
-
     const { result } = renderHook(() =>
-      useStateMachineInput(riveMock as Rive, 'smName', '')
+      useStateMachineInput(riveMock, 'smName', '')
     );
     expect(result.current).toBeNull();
   });
@@ -85,8 +81,6 @@ describe('useStateMachineInput', () => {
     } as StateMachineInput;
     const riveMock = getRiveMock({ smiInputs: [smInput] });
 
-    mocked(Rive).mockImplementation(() => riveMock);
-
     const { result } = renderHook(() =>
       useStateMachineInput(riveMock, 'smName', 'numInput')
     );
@@ -99,8 +93,6 @@ describe('useStateMachineInput', () => {
     } as StateMachineInput;
     const riveMock = getRiveMock({ smiInputs: [smInput] });
 
-    mocked(Rive).mockImplementation(() => riveMock);
-
     const { result } = renderHook(() =>
       useStateMachineInput(riveMock, 'smName', 'boolInput')
     );
@@ -113,7 +105,6 @@ describe('useStateMachineInput', () => {
       value: false,
     } as StateMachineInput;
     const riveMock = getRiveMock({ smiInputs: [smInput] });
-    mocked(Rive).mockImplementation(() => riveMock);
 
     const { result } = renderHook(() =>
       useStateMachineInput(riveMock, 'smName', 'boolInput', true)

tsconfig.json

@@ -3,7 +3,7 @@
     "declaration": true,
     "esModuleInterop": true,
     "jsx": "react",
-    "lib": ["esnext", "dom", "esnext.disposable"],
+    "lib": ["esnext", "dom"],
     "module": "commonjs",
     "moduleResolution": "node",
     "noImplicitAny": true,