juliencrn · iwan-uschka · Feb 7, 2025 · Feb 8, 2025
diff --git a/.changeset/nervous-ladybugs-tap.md b/.changeset/nervous-ladybugs-tap.md
@@ -0,0 +1,7 @@
+---
+"eslint-config-custom": patch
+"usehooks-ts": patch
+"www": patch
+---
+
+Update dev dependencies
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -74,5 +74,6 @@
   "[typescriptreact]": {
     "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
-  "files.associations": { "*.json": "jsonc" }
+  "files.associations": { "*.json": "jsonc" },
+  "typescript.tsdk": "node_modules/typescript/lib"
 }
diff --git a/apps/www/package.json b/apps/www/package.json
@@ -51,7 +51,6 @@
     "eslint-config-custom": "workspace:*",
     "eslint-config-next": "14.1.4",
     "next-sitemap": "^4.2.3",
-    "postcss": "8.4.38",
-    "typescript": "5.4.3"
+    "postcss": "8.4.38"
   }
 }
diff --git a/apps/www/src/components/docs/table-of-content.tsx b/apps/www/src/components/docs/table-of-content.tsx
@@ -107,7 +107,7 @@ function Tree({ tree, level = 1, activeItem }: TreeProps) {
               href={item.url}
               className={cn(
                 'inline-block no-underline',
-                item.url === `#${activeItem}`
+                item.url === `#${activeItem ?? ''}`
                   ? 'font-medium text-primary'
                   : 'text-sm text-muted-foreground',
               )}

diff --git a/apps/www/src/components/main-nav.tsx b/apps/www/src/components/main-nav.tsx
@@ -28,7 +28,7 @@ export function MainNav({ items, children }: MainNavProps) {
           {siteConfig.name}
         </span>
       </Link>
-      {items?.length ? (
+      {items?.length && segment ? (
         <nav className="hidden gap-6 md:flex">
           {items?.map((item, index) => (
             <Link

diff --git a/package.json b/package.json
@@ -28,9 +28,6 @@
     "changeset-publish": "npx changeset publish",
     "generate-doc": "zx ./scripts/generate-doc.js"
   },
-  "resolutions": {
-    "typescript": "^5.3.3"
-  },
   "devDependencies": {
     "@changesets/cli": "^2.27.1",
     "@turbo/gen": "^1.12.4",
@@ -47,6 +44,7 @@
     "typedoc-plugin-markdown": "^3.17.1",
     "typedoc-plugin-mdn-links": "^3.1.17",
     "typedoc-plugin-missing-exports": "^2.2.0",
+    "typescript": "5.4.3",
     "zod": "3.22.4",
     "zx": "^7.2.3"
   },

diff --git a/packages/eslint-config-custom/package.json b/packages/eslint-config-custom/package.json
@@ -8,16 +8,15 @@
   "license": "MIT",
   "type": "module",
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.0.2",
-    "@typescript-eslint/parser": "^7.0.2",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-simple-import-sort": "^12.0.0",
-    "eslint-plugin-vitest": "^0.4.0",
-    "typescript": "^5.3.3"
+    "eslint-plugin-vitest": "^0.4.0"
   }
 }
diff --git a/packages/usehooks-ts/package.json b/packages/usehooks-ts/package.json
@@ -49,7 +49,6 @@
     "jsdom": "^24.0.0",
     "react": "18.2.0",
     "tsup": "^8.0.2",
-    "typescript": "^5.3.3",
     "vitest": "^1.3.1"
   },
   "dependencies": {

diff --git a/packages/usehooks-ts/src/useCopyToClipboard/useCopyToClipboard.demo.tsx b/packages/usehooks-ts/src/useCopyToClipboard/useCopyToClipboard.demo.tsx
@@ -8,7 +8,7 @@ export default function Component() {
       .then(() => {
         console.log('Copied!', { text })
       })
-      .catch(error => {
+      .catch((error: unknown) => {
         console.error('Failed to copy!', error)
       })
   }

diff --git a/packages/usehooks-ts/src/useIntersectionObserver/useIntersectionObserver.demo.tsx b/packages/usehooks-ts/src/useIntersectionObserver/useIntersectionObserver.demo.tsx
@@ -28,7 +28,7 @@ export default function Component() {
   return (
     <>
       {Array.from({ length: 5 }).map((_, index) => (
-        <Section key={index + 1} title={`${index + 1}`} />
+        <Section key={index + 1} title={(index + 1).toString()} />
       ))}
     </>
   )

diff --git a/packages/usehooks-ts/src/useOnClickOutside/useOnClickOutside.ts b/packages/usehooks-ts/src/useOnClickOutside/useOnClickOutside.ts
@@ -41,7 +41,7 @@ export function useOnClickOutside<T extends HTMLElement = HTMLElement>(
       const target = event.target as Node
 
       // Do nothing if the target is not connected element with document
-      if (!target || !target.isConnected) {
+      if (!target?.isConnected) {
         return
       }
 

diff --git a/packages/usehooks-ts/src/useScrollLock/useScrollLock.test.ts b/packages/usehooks-ts/src/useScrollLock/useScrollLock.test.ts
@@ -108,7 +108,9 @@ describe('useScrollLock()', () => {
 
     const scrollbarWidth = window.innerWidth - document.body.scrollWidth
 
-    expect(document.body.style.paddingRight).toBe(`${scrollbarWidth}px`)
+    expect(document.body.style.paddingRight).toBe(
+      `${scrollbarWidth.toString()}px`,
+    )
     unmount()
     expect(document.body.style.paddingRight).toBe('')
   })

diff --git a/packages/usehooks-ts/src/useScrollLock/useScrollLock.ts b/packages/usehooks-ts/src/useScrollLock/useScrollLock.ts
@@ -90,7 +90,7 @@ export function useScrollLock(
           0
 
         const scrollbarWidth = offsetWidth - target.current.scrollWidth
-        target.current.style.paddingRight = `${scrollbarWidth + currentPaddingRight}px`
+        target.current.style.paddingRight = `${(scrollbarWidth + currentPaddingRight).toString()}px`
       }
 
       // Lock the scroll