Fix: resolve TypeScript declarations not working as expected

package.json

@@ -1,9 +1,10 @@
 {
   "name": "react-hover-video-player",
-  "version": "10.0.0",
+  "version": "10.0.1",
   "description": "React component which manages playing a video when the user hovers over it and pausing when they stop.",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "exports": {
     "require": "./dist/index.cjs",
     "import": "./dist/index.mjs"
@@ -29,7 +30,7 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.31.0",
-    "@types/node": "^16.10.1",
+    "@types/node": "^20.2.5",
     "@types/react": "^17.0.3",
     "@typescript-eslint/eslint-plugin": "^4.22.0",
     "@typescript-eslint/parser": "^4.22.0",
@@ -49,7 +50,7 @@
     "react-dom": "^17.0.2",
     "react-router-dom": "^6.8.1",
     "ts-node": "^10.2.1",
-    "typescript": "^4.7.3",
+    "typescript": "^5.1.3",
     "vuepress": "^2.0.0-beta.61"
   },
   "author": "Ryan Geyer",

tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "declaration": true,
     "emitDeclarationOnly": true,
-    "outFile": "./dist/index.d.ts",
+    "outDir": "./dist",
     "module": "esnext",
     "target": "es5",
     "lib": ["es6", "dom", "es2016", "es2017"],