diff --git a/package.json b/package.json
index 5e30ead..df83610 100644
--- a/package.json
+++ b/package.json
@@ -46,11 +46,10 @@
   "devDependencies": {
     "@babel/core": "^7.18.0",
     "@testing-library/jest-dom": "^5.13.0",
-    "@testing-library/react": "^11.2.7",
-    "@testing-library/react-hooks": "^7.0.0",
+    "@testing-library/react": "^16.3.0",
     "@types/jest": "^27.0.3",
     "@types/offscreencanvas": "^2019.6.4",
-    "@types/react": "^17.0.9",
+    "@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",
diff --git a/rive-react-4.18.7-2.tgz b/rive-react-4.18.7-2.tgz
deleted file mode 100644
index e1d3e74..0000000
Binary files a/rive-react-4.18.7-2.tgz and /dev/null differ
diff --git a/rive-react-4.18.7-3.tgz b/rive-react-4.18.7-3.tgz
deleted file mode 100644
index 950cbf4..0000000
Binary files a/rive-react-4.18.7-3.tgz and /dev/null differ
diff --git a/rive-react-4.18.7.tgz b/rive-react-4.18.7.tgz
deleted file mode 100644
index ae6a4d9..0000000
Binary files a/rive-react-4.18.7.tgz and /dev/null differ
diff --git a/test/useIntersectionObserver.test.tsx b/test/useIntersectionObserver.test.tsx
index c484fc1..e925f50 100644
--- a/test/useIntersectionObserver.test.tsx
+++ b/test/useIntersectionObserver.test.tsx
@@ -1,4 +1,4 @@
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import ElementObserver from '../src/hooks/elementObserver';
 jest.mock('../src/hooks/elementObserver');
 
diff --git a/test/useRive.test.tsx b/test/useRive.test.tsx
index f342420..7c7348b 100644
--- a/test/useRive.test.tsx
+++ b/test/useRive.test.tsx
@@ -1,10 +1,9 @@
 import React from 'react';
 import { mocked } from 'jest-mock';
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act, render, waitFor } from '@testing-library/react';
 
 import useRive from '../src/hooks/useRive';
 import * as rive from '@rive-app/canvas';
-import { render, waitFor } from '@testing-library/react';
 
 jest.mock('@rive-app/canvas', () => ({
   Rive: jest.fn().mockImplementation(() => ({
diff --git a/test/useRiveFile.test.tsx b/test/useRiveFile.test.tsx
index 2bf358b..33cce61 100644
--- a/test/useRiveFile.test.tsx
+++ b/test/useRiveFile.test.tsx
@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { mocked } from 'jest-mock';
 
 import useRiveFile from '../src/hooks/useRiveFile';
@@ -17,18 +17,15 @@ jest.mock('@rive-app/canvas', () => ({
   },
 }));
 
-
 describe('useRiveFile', () => {
   beforeEach(() => {
     mocked(RiveFile).mockClear();
   });
 
-
-
   it('initializes RiveFile with provided parameters', async () => {
     const params = {
       src: 'file-src',
-      enableRiveAssetCDN: false
+      enableRiveAssetCDN: false,
     };
 
     const { result } = renderHook(() => useRiveFile(params));
@@ -40,7 +37,7 @@ describe('useRiveFile', () => {
   it('cleans up RiveFile on unmount', async () => {
     const params = {
       src: 'file-src',
-      enableRiveAssetCDN: false
+      enableRiveAssetCDN: false,
     };
 
     const { result, unmount } = renderHook(() => useRiveFile(params));
@@ -56,7 +53,7 @@ describe('useRiveFile', () => {
   it('does not reinitialize RiveFile if src has not changed', async () => {
     const params = {
       src: 'file-src',
-      enableRiveAssetCDN: false
+      enableRiveAssetCDN: false,
     };
 
     const { rerender } = renderHook(() => useRiveFile(params));
@@ -69,7 +66,7 @@ describe('useRiveFile', () => {
   it('does not reinitialize RiveFile if buffer has not changed', async () => {
     const params = {
       buffer: new ArrayBuffer(10),
-      enableRiveAssetCDN: false
+      enableRiveAssetCDN: false,
     };
 
     const { rerender } = renderHook(() => useRiveFile(params));
@@ -82,14 +79,14 @@ describe('useRiveFile', () => {
   it('reinitializes RiveFile if src changes', async () => {
     let params = {
       src: 'file-src',
-      enableRiveAssetCDN: false
+      enableRiveAssetCDN: false,
     };
 
     const { rerender } = renderHook(() => useRiveFile(params));
 
     params = {
       src: 'new-file-src',
-      enableRiveAssetCDN: false
+      enableRiveAssetCDN: false,
     };
 
     rerender();
@@ -100,14 +97,14 @@ describe('useRiveFile', () => {
   it('reinitializes RiveFile if buffer changes', async () => {
     let params = {
       buffer: new ArrayBuffer(10),
-      enableRiveAssetCDN: false
+      enableRiveAssetCDN: false,
     };
 
     const { rerender } = renderHook(() => useRiveFile(params));
 
     params = {
       buffer: new ArrayBuffer(20),
-      enableRiveAssetCDN: false
+      enableRiveAssetCDN: false,
     };
 
     rerender();
@@ -116,9 +113,10 @@ describe('useRiveFile', () => {
   });
 
   it('handles RiveFile initialization failure gracefully', async () => {
-
-    const consoleSpy = jest.spyOn(console, 'error').mockImplementation(() => { });
-    const error = new Error("Initialization failed");
+    const consoleSpy = jest
+      .spyOn(console, 'error')
+      .mockImplementation(() => {});
+    const error = new Error('Initialization failed');
 
     mocked(RiveFile).mockImplementation(() => {
       throw error;
diff --git a/test/useStateMachine.test.tsx b/test/useStateMachine.test.tsx
index dcabccd..74c9398 100644
--- a/test/useStateMachine.test.tsx
+++ b/test/useStateMachine.test.tsx
@@ -1,5 +1,5 @@
 import { mocked } from 'jest-mock';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 
 import useStateMachineInput from '../src/hooks/useStateMachineInput';
 import { Rive, StateMachineInput } from '@rive-app/canvas';