diff --git a/.changeset/gold-paws-compare.md b/.changeset/gold-paws-compare.md
new file mode 100644
index 00000000..c2170b28
--- /dev/null
+++ b/.changeset/gold-paws-compare.md
@@ -0,0 +1,6 @@
+---
+'usehooks-ts': patch
+'www': patch
+---
+
+Add eslint rules to comply with verbatimModuleSyntax to avoid side-effects
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 0b2bccf0..f806b607 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -44,10 +44,6 @@
     "usehooks"
   ],
   "eslint.workingDirectories": [
-    {
-      "directory": "apps/web",
-      "changeProcessCWD": true
-    },
     {
       "directory": "apps/www",
       "changeProcessCWD": true
@@ -69,5 +65,11 @@
   },
   "[yaml]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   }
 }
diff --git a/apps/www/src/app/(docs)/react-hook/[slug]/page.tsx b/apps/www/src/app/(docs)/react-hook/[slug]/page.tsx
index 6d045806..5948f35d 100644
--- a/apps/www/src/app/(docs)/react-hook/[slug]/page.tsx
+++ b/apps/www/src/app/(docs)/react-hook/[slug]/page.tsx
@@ -1,13 +1,11 @@
-import { Metadata } from 'next'
+import type { Metadata } from 'next'
 import { notFound } from 'next/navigation'
 
 import { DocsPageHeader } from '@/components/docs-page-header'
 import { DocsPager } from '@/components/paper'
 import { Mdx } from '@/components/remote-mdx'
-import {
-  DashboardTableOfContents,
-  TableOfContents,
-} from '@/components/table-of-content'
+import type { TableOfContents } from '@/components/table-of-content'
+import { DashboardTableOfContents } from '@/components/table-of-content'
 import { H2 } from '@/components/ui/components'
 import { siteConfig } from '@/config/site'
 import { getPost, getPosts } from '@/lib/mdx'
diff --git a/apps/www/src/components/icons.tsx b/apps/www/src/components/icons.tsx
index 40ac5728..1cc0667e 100644
--- a/apps/www/src/components/icons.tsx
+++ b/apps/www/src/components/icons.tsx
@@ -1,3 +1,4 @@
+import type { LucideProps } from 'lucide-react'
 import {
   AlertTriangle,
   ArrowRight,
@@ -16,7 +17,6 @@ import {
   Laptop,
   Leaf,
   Loader2,
-  LucideProps,
   Moon,
   MoreVertical,
   Pizza,
diff --git a/apps/www/src/components/main-nav.tsx b/apps/www/src/components/main-nav.tsx
index 3603497c..2efca077 100644
--- a/apps/www/src/components/main-nav.tsx
+++ b/apps/www/src/components/main-nav.tsx
@@ -9,7 +9,7 @@ import { Icons } from '@/components/icons'
 import { MobileNav } from '@/components/mobile-nav'
 import { siteConfig } from '@/config/site'
 import { cn } from '@/lib/utils'
-import { MainNavItem } from '@/types'
+import type { MainNavItem } from '@/types'
 
 interface MainNavProps {
   items?: MainNavItem[]
diff --git a/apps/www/src/components/mobile-nav.tsx b/apps/www/src/components/mobile-nav.tsx
index 1fe97289..c6ce2aac 100644
--- a/apps/www/src/components/mobile-nav.tsx
+++ b/apps/www/src/components/mobile-nav.tsx
@@ -6,7 +6,7 @@ import { Icons } from '@/components/icons'
 import { siteConfig } from '@/config/site'
 import { useLockBody } from '@/hooks/use-lock-body'
 import { cn } from '@/lib/utils'
-import { MainNavItem } from '@/types'
+import type { MainNavItem } from '@/types'
 
 interface MobileNavProps {
   items: MainNavItem[]
diff --git a/apps/www/src/components/remote-mdx.tsx b/apps/www/src/components/remote-mdx.tsx
index c3ad865c..fc43c612 100644
--- a/apps/www/src/components/remote-mdx.tsx
+++ b/apps/www/src/components/remote-mdx.tsx
@@ -2,7 +2,7 @@
 
 import 'highlight.js/styles/github-dark.css'
 
-import { SerializeOptions } from 'next-mdx-remote/dist/types'
+import type { SerializeOptions } from 'next-mdx-remote/dist/types'
 import { MDXRemote } from 'next-mdx-remote/rsc'
 import rehypeHighlight from 'rehype-highlight'
 import remarkCodeImport from 'remark-code-import'
diff --git a/apps/www/src/components/sidebar-nav.tsx b/apps/www/src/components/sidebar-nav.tsx
index 68b15485..34fa6919 100644
--- a/apps/www/src/components/sidebar-nav.tsx
+++ b/apps/www/src/components/sidebar-nav.tsx
@@ -4,7 +4,7 @@ import Link from 'next/link'
 import { usePathname } from 'next/navigation'
 
 import { cn } from '@/lib/utils'
-import { SidebarNavItem } from '@/types'
+import type { SidebarNavItem } from '@/types'
 
 export interface DocsSidebarNavProps {
   items: SidebarNavItem[]
diff --git a/apps/www/src/components/theme-provider.tsx b/apps/www/src/components/theme-provider.tsx
index 6d502add..d1598cd6 100644
--- a/apps/www/src/components/theme-provider.tsx
+++ b/apps/www/src/components/theme-provider.tsx
@@ -3,7 +3,7 @@
 import * as React from 'react'
 
 import { ThemeProvider as NextThemesProvider } from 'next-themes'
-import { ThemeProviderProps } from 'next-themes/dist/types'
+import type { ThemeProviderProps } from 'next-themes/dist/types'
 
 export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
   return <NextThemesProvider {...props}>{children}</NextThemesProvider>
diff --git a/apps/www/src/components/ui/button.tsx b/apps/www/src/components/ui/button.tsx
index 0d1bac31..8d36541b 100644
--- a/apps/www/src/components/ui/button.tsx
+++ b/apps/www/src/components/ui/button.tsx
@@ -1,7 +1,8 @@
 import * as React from 'react'
 
 import { Slot } from '@radix-ui/react-slot'
-import { cva, type VariantProps } from 'class-variance-authority'
+import type { VariantProps } from 'class-variance-authority'
+import { cva } from 'class-variance-authority'
 
 import { cn } from '@/lib/utils'
 
diff --git a/apps/www/src/components/ui/components.tsx b/apps/www/src/components/ui/components.tsx
index 2352140f..a3fae011 100644
--- a/apps/www/src/components/ui/components.tsx
+++ b/apps/www/src/components/ui/components.tsx
@@ -1,9 +1,8 @@
 /* eslint-disable jsx-a11y/heading-has-content */
 import 'highlight.js/styles/github-dark.css'
 
-import { ComponentProps } from 'react'
-
 import Link from 'next/link'
+import type { ComponentProps } from 'react'
 
 import { cn } from '@/lib/utils'
 
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 07007f4b..fd93191e 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -1,5 +1,5 @@
 import { getPosts } from '@/lib/mdx'
-import { DocsConfig, NavItem } from '@/types'
+import type { DocsConfig, NavItem } from '@/types'
 
 export const hookNavItems: NavItem[] = getPosts().map(post => ({
   title: post.name,
diff --git a/apps/www/src/config/marketing.ts b/apps/www/src/config/marketing.ts
index 2e9f3630..7537cba9 100644
--- a/apps/www/src/config/marketing.ts
+++ b/apps/www/src/config/marketing.ts
@@ -1,4 +1,4 @@
-import { MarketingConfig } from '@/types'
+import type { MarketingConfig } from '@/types'
 
 export const marketingConfig: MarketingConfig = {
   mainNav: [
diff --git a/apps/www/src/config/site.ts b/apps/www/src/config/site.ts
index 58818f3d..48fca141 100644
--- a/apps/www/src/config/site.ts
+++ b/apps/www/src/config/site.ts
@@ -1,4 +1,4 @@
-import { SiteConfig } from '@/types'
+import type { SiteConfig } from '@/types'
 
 export const siteConfig: SiteConfig = {
   name: 'usehooks-ts',
diff --git a/apps/www/src/lib/mdx.ts b/apps/www/src/lib/mdx.ts
index 15f94f51..c5c98070 100644
--- a/apps/www/src/lib/mdx.ts
+++ b/apps/www/src/lib/mdx.ts
@@ -1,7 +1,7 @@
 import fs from 'fs'
 import path from 'path'
 
-import { Option, Post } from '@/types'
+import type { Option, Post } from '@/types'
 
 const GENERATED_PATH = path.resolve(process.cwd(), 'generated')
 
diff --git a/apps/www/src/lib/utils.ts b/apps/www/src/lib/utils.ts
index 5589c557..abba253f 100644
--- a/apps/www/src/lib/utils.ts
+++ b/apps/www/src/lib/utils.ts
@@ -1,4 +1,5 @@
-import { ClassValue, clsx } from 'clsx'
+import type { ClassValue } from 'clsx'
+import { clsx } from 'clsx'
 import { twMerge } from 'tailwind-merge'
 
 export function cn(...inputs: ClassValue[]) {
diff --git a/packages/eslint-config-custom/.eslintrc.js b/packages/eslint-config-custom/.eslintrc.js
index b9dc77c5..6b2dc1df 100644
--- a/packages/eslint-config-custom/.eslintrc.js
+++ b/packages/eslint-config-custom/.eslintrc.js
@@ -39,7 +39,7 @@ module.exports = {
   },
   rules: {
     // Format
-    'prettier/prettier': 'warn',
+    'prettier/prettier': 'error',
 
     // React
     'react/prop-types': 'off',
@@ -50,9 +50,14 @@ module.exports = {
     'sort-imports': 'off',
     'import/order': 'off',
     'import/no-cycle': 'error',
-    'simple-import-sort/exports': 'warn',
+    'import/no-duplicates': 'error',
+    'import/consistent-type-specifier-style': ['error', 'prefer-top-level'],
+    '@typescript-eslint/consistent-type-exports': 'error',
+    '@typescript-eslint/consistent-type-imports': 'error',
+    '@typescript-eslint/no-import-type-side-effects': 'error',
+    'simple-import-sort/exports': 'error',
     'simple-import-sort/imports': [
-      'warn',
+      'error',
       {
         groups: [
           ['^\\u0000'], // side effect (E.g."import "normalize.css"")
@@ -66,13 +71,13 @@ module.exports = {
     // We should absolutely avoid using ts-ignore, but it"s not always possible.
     // particular when a dependencies types are incorrect.
     '@typescript-eslint/ban-ts-comment': [
-      'warn',
+      'error',
       { 'ts-ignore': 'allow-with-description' },
     ],
 
     // Allow unused variables that start with an underscore.
     '@typescript-eslint/no-unused-vars': [
-      'warn',
+      'error',
       {
         argsIgnorePattern: '^_',
         ignoreRestSiblings: true,
@@ -80,9 +85,9 @@ module.exports = {
     ],
 
     // Disable some TypeScript rules
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-    '@typescript-eslint/consistent-type-definitions': 'off',
-    '@typescript-eslint/no-unnecessary-condition': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off', // Too noisy
+    '@typescript-eslint/consistent-type-definitions': 'off', // Will come in v3
+    '@typescript-eslint/no-unnecessary-condition': 'off', // TODO: Enable it
     '@typescript-eslint/prefer-ts-expect-error': 'off',
   },
   overrides: [
diff --git a/packages/usehooks-ts/.eslintrc.js b/packages/usehooks-ts/.eslintrc.js
index f450a8e1..048004bc 100644
--- a/packages/usehooks-ts/.eslintrc.js
+++ b/packages/usehooks-ts/.eslintrc.js
@@ -4,19 +4,15 @@ module.exports = {
     // Track tree-shaking potential error in the lib
     {
       files: ['./src/**/!(*.test|*.spec).ts'],
-      plugins: ['tree-shaking'],
+      extends: ['plugin:jsdoc/recommended'],
+      plugins: ['tree-shaking', 'jsdoc'],
       rules: {
-        'tree-shaking/no-side-effects-in-initialization': 2,
+        'tree-shaking/no-side-effects-in-initialization': 'error',
       },
     },
   ],
   ignorePatterns: ['./dist', './node_modules', './turbo'],
   overrides: [
-    {
-      files: ['*.ts'],
-      extends: ['plugin:jsdoc/recommended'],
-      plugins: ['jsdoc'],
-    },
     {
       files: ['*.test.ts'],
       rules: {
diff --git a/packages/usehooks-ts/src/useBoolean/useBoolean.ts b/packages/usehooks-ts/src/useBoolean/useBoolean.ts
index e4abb2ec..4e485ac3 100644
--- a/packages/usehooks-ts/src/useBoolean/useBoolean.ts
+++ b/packages/usehooks-ts/src/useBoolean/useBoolean.ts
@@ -1,4 +1,6 @@
-import { Dispatch, SetStateAction, useCallback, useState } from 'react'
+import { useCallback, useState } from 'react'
+
+import type { Dispatch, SetStateAction } from 'react'
 
 interface UseBooleanOutput {
   value: boolean
diff --git a/packages/usehooks-ts/src/useCountdown/useCountdown.demo.tsx b/packages/usehooks-ts/src/useCountdown/useCountdown.demo.tsx
index d2bbce87..5bc38ab9 100644
--- a/packages/usehooks-ts/src/useCountdown/useCountdown.demo.tsx
+++ b/packages/usehooks-ts/src/useCountdown/useCountdown.demo.tsx
@@ -1,4 +1,6 @@
-import { ChangeEvent, useState } from 'react'
+import { useState } from 'react'
+
+import type { ChangeEvent } from 'react'
 
 import { useCountdown } from './useCountdown'
 
diff --git a/packages/usehooks-ts/src/useCounter/useCounter.ts b/packages/usehooks-ts/src/useCounter/useCounter.ts
index 4d649005..72c5170f 100644
--- a/packages/usehooks-ts/src/useCounter/useCounter.ts
+++ b/packages/usehooks-ts/src/useCounter/useCounter.ts
@@ -1,4 +1,6 @@
-import { Dispatch, SetStateAction, useState } from 'react'
+import { useState } from 'react'
+
+import type { Dispatch, SetStateAction } from 'react'
 
 interface UseCounterOutput {
   count: number
diff --git a/packages/usehooks-ts/src/useDebounce/useDebounce.demo.tsx b/packages/usehooks-ts/src/useDebounce/useDebounce.demo.tsx
index e7858675..4dcf3d9b 100644
--- a/packages/usehooks-ts/src/useDebounce/useDebounce.demo.tsx
+++ b/packages/usehooks-ts/src/useDebounce/useDebounce.demo.tsx
@@ -1,4 +1,6 @@
-import { ChangeEvent, useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
+
+import type { ChangeEvent } from 'react'
 
 import { useDebounce } from './useDebounce'
 
diff --git a/packages/usehooks-ts/src/useDebounceValue/useDebounceValue.ts b/packages/usehooks-ts/src/useDebounceValue/useDebounceValue.ts
index f52689a5..2e19926e 100644
--- a/packages/usehooks-ts/src/useDebounceValue/useDebounceValue.ts
+++ b/packages/usehooks-ts/src/useDebounceValue/useDebounceValue.ts
@@ -1,6 +1,7 @@
 import { useRef, useState } from 'react'
 
-import { DebouncedState, useDebounceCallback } from '../useDebounceCallback'
+import type { DebouncedState } from '../useDebounceCallback'
+import { useDebounceCallback } from '../useDebounceCallback'
 
 /**
  * Returns a debounced version of the provided value, along with a function to update it.
diff --git a/packages/usehooks-ts/src/useEffectOnce/useEffectOnce.ts b/packages/usehooks-ts/src/useEffectOnce/useEffectOnce.ts
index c394b3a6..9089d694 100644
--- a/packages/usehooks-ts/src/useEffectOnce/useEffectOnce.ts
+++ b/packages/usehooks-ts/src/useEffectOnce/useEffectOnce.ts
@@ -1,4 +1,6 @@
-import { EffectCallback, useEffect } from 'react'
+import { useEffect } from 'react'
+
+import type { EffectCallback } from 'react'
 
 /**
  * A hook that runs an effect only once (at mount).
diff --git a/packages/usehooks-ts/src/useEventListener/useEventListener.test.ts b/packages/usehooks-ts/src/useEventListener/useEventListener.test.ts
index 23a6e77e..136d00ca 100644
--- a/packages/usehooks-ts/src/useEventListener/useEventListener.test.ts
+++ b/packages/usehooks-ts/src/useEventListener/useEventListener.test.ts
@@ -1,5 +1,4 @@
-import { fireEvent } from '@testing-library/react'
-import { renderHook } from '@testing-library/react'
+import { fireEvent, renderHook } from '@testing-library/react'
 
 import { useEventListener } from './useEventListener'
 
diff --git a/packages/usehooks-ts/src/useEventListener/useEventListener.ts b/packages/usehooks-ts/src/useEventListener/useEventListener.ts
index d884bf4b..6154cac7 100644
--- a/packages/usehooks-ts/src/useEventListener/useEventListener.ts
+++ b/packages/usehooks-ts/src/useEventListener/useEventListener.ts
@@ -1,4 +1,6 @@
-import { RefObject, useEffect, useRef } from 'react'
+import { useEffect, useRef } from 'react'
+
+import type { RefObject } from 'react'
 
 import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect'
 
diff --git a/packages/usehooks-ts/src/useFetch/useFetch.demo.tsx b/packages/usehooks-ts/src/useFetch/useFetch.demo.tsx
index a0957588..03eb0d9f 100644
--- a/packages/usehooks-ts/src/useFetch/useFetch.demo.tsx
+++ b/packages/usehooks-ts/src/useFetch/useFetch.demo.tsx
@@ -14,5 +14,5 @@ export default function Component() {
 
   if (error) return <p>There is an error.</p>
   if (!data) return <p>Loading...</p>
-  return <p>{data[0].title}</p>
+  return <p>{data[0]?.title}</p>
 }
diff --git a/packages/usehooks-ts/src/useFetch/useFetch.ts b/packages/usehooks-ts/src/useFetch/useFetch.ts
index ba331286..59f07e30 100644
--- a/packages/usehooks-ts/src/useFetch/useFetch.ts
+++ b/packages/usehooks-ts/src/useFetch/useFetch.ts
@@ -83,8 +83,9 @@ export function useFetch<T = unknown>(
       dispatch({ type: 'loading' })
 
       // If a cache exists for this url, return it
-      if (cache.current[url]) {
-        dispatch({ type: 'fetched', payload: cache.current[url] })
+      const currentCache = cache.current[url]
+      if (currentCache) {
+        dispatch({ type: 'fetched', payload: currentCache })
         return
       }
 
diff --git a/packages/usehooks-ts/src/useHover/useHover.test.ts b/packages/usehooks-ts/src/useHover/useHover.test.ts
index 01861b37..19aa91af 100644
--- a/packages/usehooks-ts/src/useHover/useHover.test.ts
+++ b/packages/usehooks-ts/src/useHover/useHover.test.ts
@@ -1,5 +1,4 @@
-import { fireEvent } from '@testing-library/react'
-import { act, renderHook } from '@testing-library/react'
+import { act, fireEvent, renderHook } from '@testing-library/react'
 
 import { useHover } from './useHover'
 
diff --git a/packages/usehooks-ts/src/useHover/useHover.ts b/packages/usehooks-ts/src/useHover/useHover.ts
index 612038d7..1198b36d 100644
--- a/packages/usehooks-ts/src/useHover/useHover.ts
+++ b/packages/usehooks-ts/src/useHover/useHover.ts
@@ -1,4 +1,6 @@
-import { RefObject, useState } from 'react'
+import { useState } from 'react'
+
+import type { RefObject } from 'react'
 
 import { useEventListener } from '../useEventListener'
 
diff --git a/packages/usehooks-ts/src/useImageOnLoad/useImageOnLoad.demo.tsx b/packages/usehooks-ts/src/useImageOnLoad/useImageOnLoad.demo.tsx
index 9e4d2a84..098064e7 100644
--- a/packages/usehooks-ts/src/useImageOnLoad/useImageOnLoad.demo.tsx
+++ b/packages/usehooks-ts/src/useImageOnLoad/useImageOnLoad.demo.tsx
@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react'
+import type { CSSProperties } from 'react'
 
 import { useImageOnLoad } from './useImageOnLoad'
 
diff --git a/packages/usehooks-ts/src/useImageOnLoad/useImageOnLoad.ts b/packages/usehooks-ts/src/useImageOnLoad/useImageOnLoad.ts
index 0fd5ccd2..7a1e661e 100644
--- a/packages/usehooks-ts/src/useImageOnLoad/useImageOnLoad.ts
+++ b/packages/usehooks-ts/src/useImageOnLoad/useImageOnLoad.ts
@@ -1,4 +1,6 @@
-import { CSSProperties, useState } from 'react'
+import { useState } from 'react'
+
+import type { CSSProperties } from 'react'
 
 interface ImageStyle {
   thumbnail: CSSProperties
diff --git a/packages/usehooks-ts/src/useIntersectionObserver/useIntersectionObserver.ts b/packages/usehooks-ts/src/useIntersectionObserver/useIntersectionObserver.ts
index 54ee120f..a490a4c5 100644
--- a/packages/usehooks-ts/src/useIntersectionObserver/useIntersectionObserver.ts
+++ b/packages/usehooks-ts/src/useIntersectionObserver/useIntersectionObserver.ts
@@ -1,4 +1,6 @@
-import { RefObject, useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
+
+import type { RefObject } from 'react'
 
 /**
  * Represents the options for configuring the Intersection Observer.
diff --git a/packages/usehooks-ts/src/useInterval/useInterval.demo.tsx b/packages/usehooks-ts/src/useInterval/useInterval.demo.tsx
index cc591f04..6f8431b6 100644
--- a/packages/usehooks-ts/src/useInterval/useInterval.demo.tsx
+++ b/packages/usehooks-ts/src/useInterval/useInterval.demo.tsx
@@ -1,4 +1,6 @@
-import { ChangeEvent, useState } from 'react'
+import { useState } from 'react'
+
+import type { ChangeEvent } from 'react'
 
 import { useInterval } from './useInterval'
 
diff --git a/packages/usehooks-ts/src/useLocalStorage/useLocalStorage.ts b/packages/usehooks-ts/src/useLocalStorage/useLocalStorage.ts
index 381d16f6..8c71244b 100644
--- a/packages/usehooks-ts/src/useLocalStorage/useLocalStorage.ts
+++ b/packages/usehooks-ts/src/useLocalStorage/useLocalStorage.ts
@@ -1,10 +1,6 @@
-import {
-  Dispatch,
-  SetStateAction,
-  useCallback,
-  useEffect,
-  useState,
-} from 'react'
+import { useCallback, useEffect, useState } from 'react'
+
+import type { Dispatch, SetStateAction } from 'react'
 
 import { useEventCallback } from '../useEventCallback'
 import { useEventListener } from '../useEventListener'
diff --git a/packages/usehooks-ts/src/useLockedBody/useLockedBody.demo.tsx b/packages/usehooks-ts/src/useLockedBody/useLockedBody.demo.tsx
index 8ddc396a..0811d7a7 100644
--- a/packages/usehooks-ts/src/useLockedBody/useLockedBody.demo.tsx
+++ b/packages/usehooks-ts/src/useLockedBody/useLockedBody.demo.tsx
@@ -1,4 +1,6 @@
-import { CSSProperties, useState } from 'react'
+import { useState } from 'react'
+
+import type { CSSProperties } from 'react'
 
 import { useLockedBody } from './useLockedBody'
 
diff --git a/packages/usehooks-ts/src/useMap/useMap.demo.tsx b/packages/usehooks-ts/src/useMap/useMap.demo.tsx
index 3e9b131c..b1208c42 100644
--- a/packages/usehooks-ts/src/useMap/useMap.demo.tsx
+++ b/packages/usehooks-ts/src/useMap/useMap.demo.tsx
@@ -1,6 +1,7 @@
 import { Fragment } from 'react'
 
-import { MapOrEntries, useMap } from './useMap'
+import type { MapOrEntries } from './useMap'
+import { useMap } from './useMap'
 
 const initialValues: MapOrEntries<string, string> = [['key', '🆕']]
 const otherValues: MapOrEntries<string, string> = [
diff --git a/packages/usehooks-ts/src/useMap/useMap.test.ts b/packages/usehooks-ts/src/useMap/useMap.test.ts
index 64af5ffa..7dc2f99f 100644
--- a/packages/usehooks-ts/src/useMap/useMap.test.ts
+++ b/packages/usehooks-ts/src/useMap/useMap.test.ts
@@ -1,6 +1,7 @@
 import { act, renderHook } from '@testing-library/react'
 
-import { MapOrEntries, useMap } from './useMap'
+import type { MapOrEntries } from './useMap'
+import { useMap } from './useMap'
 
 describe('useMap()', () => {
   it('should be ok when initiated with a map', () => {
diff --git a/packages/usehooks-ts/src/useOnClickOutside/useOnClickOutside.ts b/packages/usehooks-ts/src/useOnClickOutside/useOnClickOutside.ts
index fdd88dfe..26afcc1e 100644
--- a/packages/usehooks-ts/src/useOnClickOutside/useOnClickOutside.ts
+++ b/packages/usehooks-ts/src/useOnClickOutside/useOnClickOutside.ts
@@ -1,4 +1,4 @@
-import { RefObject } from 'react'
+import type { RefObject } from 'react'
 
 import { useEventListener } from '../useEventListener'
 
diff --git a/packages/usehooks-ts/src/useSessionStorage/useSessionStorage.ts b/packages/usehooks-ts/src/useSessionStorage/useSessionStorage.ts
index 86ea6080..fe35ef69 100644
--- a/packages/usehooks-ts/src/useSessionStorage/useSessionStorage.ts
+++ b/packages/usehooks-ts/src/useSessionStorage/useSessionStorage.ts
@@ -1,10 +1,6 @@
-import {
-  Dispatch,
-  SetStateAction,
-  useCallback,
-  useEffect,
-  useState,
-} from 'react'
+import { useCallback, useEffect, useState } from 'react'
+
+import type { Dispatch, SetStateAction } from 'react'
 
 import { useEventCallback } from '../useEventCallback'
 import { useEventListener } from '../useEventListener'
diff --git a/packages/usehooks-ts/src/useStep/useStep.ts b/packages/usehooks-ts/src/useStep/useStep.ts
index eeef5fb3..927dd8be 100644
--- a/packages/usehooks-ts/src/useStep/useStep.ts
+++ b/packages/usehooks-ts/src/useStep/useStep.ts
@@ -1,4 +1,6 @@
-import { Dispatch, SetStateAction, useCallback, useMemo, useState } from 'react'
+import { useCallback, useMemo, useState } from 'react'
+
+import type { Dispatch, SetStateAction } from 'react'
 
 interface Helpers {
   goToNextStep: () => void
diff --git a/packages/usehooks-ts/src/useTernaryDarkMode/useTernaryDarkMode.demo.tsx b/packages/usehooks-ts/src/useTernaryDarkMode/useTernaryDarkMode.demo.tsx
index a3ce235e..a7a7c786 100644
--- a/packages/usehooks-ts/src/useTernaryDarkMode/useTernaryDarkMode.demo.tsx
+++ b/packages/usehooks-ts/src/useTernaryDarkMode/useTernaryDarkMode.demo.tsx
@@ -1,4 +1,5 @@
-import { type TernaryDarkMode, useTernaryDarkMode } from './useTernaryDarkMode'
+import type { TernaryDarkMode } from './useTernaryDarkMode'
+import { useTernaryDarkMode } from './useTernaryDarkMode'
 
 export default function Component() {
   const {
diff --git a/packages/usehooks-ts/src/useTernaryDarkMode/useTernaryDarkMode.ts b/packages/usehooks-ts/src/useTernaryDarkMode/useTernaryDarkMode.ts
index a9365c0b..50ca0408 100644
--- a/packages/usehooks-ts/src/useTernaryDarkMode/useTernaryDarkMode.ts
+++ b/packages/usehooks-ts/src/useTernaryDarkMode/useTernaryDarkMode.ts
@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from 'react'
+import type { Dispatch, SetStateAction } from 'react'
 
 import { useLocalStorage } from '../useLocalStorage'
 import { useMediaQuery } from '../useMediaQuery'
@@ -84,8 +84,9 @@ export function useTernaryDarkMode(
 
   const toggleTernaryDarkMode = () => {
     const modes: TernaryDarkMode[] = ['light', 'system', 'dark']
-    setMode(prevMode => {
-      return modes[(modes.indexOf(prevMode) + 1) % modes.length]
+    setMode((prevMode): TernaryDarkMode => {
+      const nextIndex = (modes.indexOf(prevMode) + 1) % modes.length
+      return modes[nextIndex]
     })
   }
 
diff --git a/packages/usehooks-ts/src/useToggle/useToggle.ts b/packages/usehooks-ts/src/useToggle/useToggle.ts
index d965345b..45c2b487 100644
--- a/packages/usehooks-ts/src/useToggle/useToggle.ts
+++ b/packages/usehooks-ts/src/useToggle/useToggle.ts
@@ -1,4 +1,6 @@
-import { Dispatch, SetStateAction, useCallback, useState } from 'react'
+import { useCallback, useState } from 'react'
+
+import type { Dispatch, SetStateAction } from 'react'
 
 /**
  * Custom hook for managing a boolean toggle state in React components.
diff --git a/packages/usehooks-ts/src/useUpdateEffect/useUpdateEffect.ts b/packages/usehooks-ts/src/useUpdateEffect/useUpdateEffect.ts
index 99098fbd..ff83da62 100644
--- a/packages/usehooks-ts/src/useUpdateEffect/useUpdateEffect.ts
+++ b/packages/usehooks-ts/src/useUpdateEffect/useUpdateEffect.ts
@@ -1,4 +1,6 @@
-import { DependencyList, EffectCallback, useEffect } from 'react'
+import { useEffect } from 'react'
+
+import type { DependencyList, EffectCallback } from 'react'
 
 import { useIsFirstRender } from '../useIsFirstRender'