Repository: juliencrn/usehooks-ts
Branch: master
Commit: 61949134144d
Files: 271
Total size: 707.0 KB

Directory structure:
gitextract_oyjuehk2/

├── .all-contributorsrc
├── .changeset/
│   ├── README.md
│   └── config.json
├── .editorconfig
├── .github/
│   ├── CODE_OF_CONDUCT.md
│   ├── CONTRIBUTING.md
│   ├── FUNDING.yml
│   ├── ISSUE_TEMPLATE/
│   │   ├── bug-report.yml
│   │   ├── config.yml
│   │   └── update-docs.yml
│   └── workflows/
│       ├── ci.yml
│       └── update-algolia-index.yml
├── .gitignore
├── .prettierignore
├── .prettierrc
├── .vscode/
│   └── settings.json
├── LICENSE
├── README.md
├── apps/
│   └── www/
│       ├── .eslintrc.cjs
│       ├── .gitignore
│       ├── CHANGELOG.md
│       ├── env.js
│       ├── next-sitemap.config.js
│       ├── next.config.js
│       ├── package.json
│       ├── postcss.config.cjs
│       ├── public/
│       │   └── site.webmanifest
│       ├── src/
│       │   ├── app/
│       │   │   ├── (docs)/
│       │   │   │   ├── introduction/
│       │   │   │   │   └── page.tsx
│       │   │   │   ├── layout.tsx
│       │   │   │   ├── migrate-to-v3/
│       │   │   │   │   └── page.tsx
│       │   │   │   └── react-hook/
│       │   │   │       └── [slug]/
│       │   │   │           └── page.tsx
│       │   │   ├── (marketing)/
│       │   │   │   ├── layout.tsx
│       │   │   │   └── page.tsx
│       │   │   ├── globals.css
│       │   │   ├── layout.tsx
│       │   │   └── prism.css
│       │   ├── components/
│       │   │   ├── buy-me-a-coffee.tsx
│       │   │   ├── carbon-ads/
│       │   │   │   ├── ads.tsx
│       │   │   │   ├── index.ts
│       │   │   │   └── use-script.ts
│       │   │   ├── command-copy.tsx
│       │   │   ├── doc-search/
│       │   │   │   ├── command-menu.tsx
│       │   │   │   ├── doc-search.tsx
│       │   │   │   ├── footer.tsx
│       │   │   │   ├── hits.tsx
│       │   │   │   ├── index.ts
│       │   │   │   ├── input.tsx
│       │   │   │   ├── modal.context.tsx
│       │   │   │   ├── open-button.tsx
│       │   │   │   ├── types.ts
│       │   │   │   └── use-cmd-k.ts
│       │   │   ├── docs/
│       │   │   │   ├── left-sidebar.tsx
│       │   │   │   ├── page-header.tsx
│       │   │   │   ├── pager.tsx
│       │   │   │   ├── right-sidebar.tsx
│       │   │   │   └── table-of-content.tsx
│       │   │   ├── main-nav.tsx
│       │   │   ├── mobile-nav.tsx
│       │   │   └── ui/
│       │   │       ├── button.tsx
│       │   │       ├── command.tsx
│       │   │       ├── components.tsx
│       │   │       ├── dialog.tsx
│       │   │       ├── dropdown-menu.tsx
│       │   │       └── icons.tsx
│       │   ├── config/
│       │   │   ├── docs.ts
│       │   │   ├── marketing.ts
│       │   │   └── site.ts
│       │   ├── lib/
│       │   │   ├── api.ts
│       │   │   └── utils.ts
│       │   └── types/
│       │       └── index.ts
│       ├── tailwind.config.js
│       └── tsconfig.json
├── package.json
├── packages/
│   ├── eslint-config-custom/
│   │   ├── .eslintrc.cjs
│   │   ├── .gitignore
│   │   ├── CHANGELOG.md
│   │   ├── README.md
│   │   ├── index.cjs
│   │   └── package.json
│   └── usehooks-ts/
│       ├── .eslintrc.cjs
│       ├── .gitignore
│       ├── CHANGELOG.md
│       ├── README.md
│       ├── package.json
│       ├── src/
│       │   ├── index.ts
│       │   ├── useBoolean/
│       │   │   ├── index.ts
│       │   │   ├── useBoolean.demo.tsx
│       │   │   ├── useBoolean.md
│       │   │   ├── useBoolean.test.ts
│       │   │   └── useBoolean.ts
│       │   ├── useClickAnyWhere/
│       │   │   ├── index.ts
│       │   │   ├── useClickAnyWhere.demo.tsx
│       │   │   ├── useClickAnyWhere.md
│       │   │   ├── useClickAnyWhere.test.ts
│       │   │   └── useClickAnyWhere.ts
│       │   ├── useCopyToClipboard/
│       │   │   ├── index.ts
│       │   │   ├── useCopyToClipboard.demo.tsx
│       │   │   ├── useCopyToClipboard.md
│       │   │   ├── useCopyToClipboard.test.ts
│       │   │   └── useCopyToClipboard.ts
│       │   ├── useCountdown/
│       │   │   ├── index.ts
│       │   │   ├── useCountdown.demo.tsx
│       │   │   ├── useCountdown.md
│       │   │   ├── useCountdown.test.ts
│       │   │   └── useCountdown.ts
│       │   ├── useCounter/
│       │   │   ├── index.ts
│       │   │   ├── useCounter.demo.tsx
│       │   │   ├── useCounter.md
│       │   │   ├── useCounter.test.ts
│       │   │   └── useCounter.ts
│       │   ├── useDarkMode/
│       │   │   ├── index.ts
│       │   │   ├── useDarkMode.demo.tsx
│       │   │   ├── useDarkMode.md
│       │   │   ├── useDarkMode.test.ts
│       │   │   └── useDarkMode.ts
│       │   ├── useDebounceCallback/
│       │   │   ├── index.ts
│       │   │   ├── useDebounceCallback.demo.tsx
│       │   │   ├── useDebounceCallback.md
│       │   │   ├── useDebounceCallback.test.ts
│       │   │   └── useDebounceCallback.ts
│       │   ├── useDebounceValue/
│       │   │   ├── index.ts
│       │   │   ├── useDebounceValue.demo.tsx
│       │   │   ├── useDebounceValue.md
│       │   │   ├── useDebounceValue.test.ts
│       │   │   └── useDebounceValue.ts
│       │   ├── useDocumentTitle/
│       │   │   ├── index.ts
│       │   │   ├── useDocumentTitle.demo.tsx
│       │   │   ├── useDocumentTitle.md
│       │   │   ├── useDocumentTitle.test.ts
│       │   │   └── useDocumentTitle.ts
│       │   ├── useEventCallback/
│       │   │   ├── index.ts
│       │   │   ├── useEventCallback.demo.tsx
│       │   │   ├── useEventCallback.md
│       │   │   ├── useEventCallback.test.tsx
│       │   │   └── useEventCallback.ts
│       │   ├── useEventListener/
│       │   │   ├── index.ts
│       │   │   ├── useEventListener.demo.tsx
│       │   │   ├── useEventListener.md
│       │   │   ├── useEventListener.test.ts
│       │   │   └── useEventListener.ts
│       │   ├── useHover/
│       │   │   ├── index.ts
│       │   │   ├── useHover.demo.tsx
│       │   │   ├── useHover.md
│       │   │   ├── useHover.test.ts
│       │   │   └── useHover.ts
│       │   ├── useIntersectionObserver/
│       │   │   ├── index.ts
│       │   │   ├── useIntersectionObserver.demo.tsx
│       │   │   ├── useIntersectionObserver.md
│       │   │   └── useIntersectionObserver.ts
│       │   ├── useInterval/
│       │   │   ├── index.ts
│       │   │   ├── useInterval.demo.tsx
│       │   │   ├── useInterval.md
│       │   │   ├── useInterval.test.ts
│       │   │   └── useInterval.ts
│       │   ├── useIsClient/
│       │   │   ├── index.ts
│       │   │   ├── useIsClient.demo.tsx
│       │   │   ├── useIsClient.md
│       │   │   ├── useIsClient.test.ts
│       │   │   └── useIsClient.ts
│       │   ├── useIsMounted/
│       │   │   ├── index.ts
│       │   │   ├── useIsMounted.demo.tsx
│       │   │   ├── useIsMounted.md
│       │   │   ├── useIsMounted.test.ts
│       │   │   └── useIsMounted.ts
│       │   ├── useIsomorphicLayoutEffect/
│       │   │   ├── index.ts
│       │   │   ├── useIsomorphicLayoutEffect.demo.tsx
│       │   │   ├── useIsomorphicLayoutEffect.md
│       │   │   └── useIsomorphicLayoutEffect.ts
│       │   ├── useLocalStorage/
│       │   │   ├── index.ts
│       │   │   ├── useLocalStorage.demo.tsx
│       │   │   ├── useLocalStorage.md
│       │   │   ├── useLocalStorage.test.ts
│       │   │   └── useLocalStorage.ts
│       │   ├── useMap/
│       │   │   ├── index.ts
│       │   │   ├── useMap.demo.tsx
│       │   │   ├── useMap.md
│       │   │   ├── useMap.test.ts
│       │   │   └── useMap.ts
│       │   ├── useMediaQuery/
│       │   │   ├── index.ts
│       │   │   ├── useMediaQuery.demo.tsx
│       │   │   ├── useMediaQuery.md
│       │   │   └── useMediaQuery.ts
│       │   ├── useOnClickOutside/
│       │   │   ├── index.ts
│       │   │   ├── useOnClickOuside.test.ts
│       │   │   ├── useOnClickOutside.demo.tsx
│       │   │   ├── useOnClickOutside.md
│       │   │   └── useOnClickOutside.ts
│       │   ├── useReadLocalStorage/
│       │   │   ├── index.ts
│       │   │   ├── useReadLocalStorage.demo.tsx
│       │   │   ├── useReadLocalStorage.md
│       │   │   ├── useReadLocalStorage.test.ts
│       │   │   └── useReadLocalStorage.ts
│       │   ├── useResizeObserver/
│       │   │   ├── index.ts
│       │   │   ├── useResizeObserver.demo.tsx
│       │   │   ├── useResizeObserver.md
│       │   │   ├── useResizeObserver.test.tsx
│       │   │   └── useResizeObserver.ts
│       │   ├── useScreen/
│       │   │   ├── index.ts
│       │   │   ├── useScreen.demo.tsx
│       │   │   ├── useScreen.md
│       │   │   └── useScreen.ts
│       │   ├── useScript/
│       │   │   ├── index.ts
│       │   │   ├── useScript.demo.tsx
│       │   │   ├── useScript.md
│       │   │   ├── useScript.test.ts
│       │   │   └── useScript.ts
│       │   ├── useScrollLock/
│       │   │   ├── index.ts
│       │   │   ├── useScrollLock.demo.tsx
│       │   │   ├── useScrollLock.md
│       │   │   ├── useScrollLock.test.ts
│       │   │   └── useScrollLock.ts
│       │   ├── useSessionStorage/
│       │   │   ├── index.ts
│       │   │   ├── useSessionStorage.demo.tsx
│       │   │   ├── useSessionStorage.md
│       │   │   ├── useSessionStorage.test.ts
│       │   │   └── useSessionStorage.ts
│       │   ├── useStep/
│       │   │   ├── index.ts
│       │   │   ├── useStep.demo.tsx
│       │   │   ├── useStep.md
│       │   │   ├── useStep.test.ts
│       │   │   └── useStep.ts
│       │   ├── useTernaryDarkMode/
│       │   │   ├── index.ts
│       │   │   ├── useTernaryDarkMode.demo.tsx
│       │   │   ├── useTernaryDarkMode.md
│       │   │   ├── useTernaryDarkMode.test.ts
│       │   │   └── useTernaryDarkMode.ts
│       │   ├── useTimeout/
│       │   │   ├── index.ts
│       │   │   ├── useTimeout.demo.tsx
│       │   │   ├── useTimeout.md
│       │   │   ├── useTimeout.test.ts
│       │   │   └── useTimeout.ts
│       │   ├── useToggle/
│       │   │   ├── index.ts
│       │   │   ├── useToggle.demo.tsx
│       │   │   ├── useToggle.md
│       │   │   ├── useToggle.test.ts
│       │   │   └── useToggle.ts
│       │   ├── useUnmount/
│       │   │   ├── index.ts
│       │   │   ├── useUnmount.demo.tsx
│       │   │   ├── useUnmount.md
│       │   │   ├── useUnmount.test.ts
│       │   │   └── useUnmount.ts
│       │   └── useWindowSize/
│       │       ├── index.ts
│       │       ├── useWindowSize.demo.tsx
│       │       ├── useWindowSize.md
│       │       ├── useWindowSize.test.ts
│       │       └── useWindowSize.ts
│       ├── tests/
│       │   ├── mocks.ts
│       │   └── setup.ts
│       ├── tsconfig.json
│       ├── tsup.config.ts
│       └── vitest.config.ts
├── pnpm-workspace.yaml
├── renovate.json
├── scripts/
│   ├── env.js
│   ├── generate-doc.js
│   ├── update-algolia-index.js
│   ├── update-testing-issue.js
│   └── utils/
│       ├── data-transform.js
│       ├── generate-doc-files.js
│       ├── get-hooks.js
│       ├── get-markdown-data.js
│       └── update-readme.js
├── turbo/
│   └── generators/
│       ├── config.cts
│       └── templates/
│           ├── hook/
│           │   ├── hook.demo.tsx.hbs
│           │   ├── hook.mdx.hbs
│           │   ├── hook.test.ts.hbs
│           │   ├── hook.ts.hbs
│           │   └── index.ts.hbs
│           └── index.ts.hbs
├── turbo.json
└── typedoc.json

================================================
FILE CONTENTS
================================================

================================================
FILE: .all-contributorsrc
================================================
{
  "projectName": "usehooks-ts",
  "projectOwner": "juliencrn",
  "repoType": "github",
  "repoHost": "https://github.com",
  "files": [
    ".github/CONTRIBUTING.md",
    "README.md",
    "packages/usehooks-ts/README.md"
  ],
  "imageSize": 64,
  "commit": false,
  "commitConvention": "none",
  "contributors": [
    {
      "login": "juliencrn",
      "name": "Julien",
      "avatar_url": "https://avatars.githubusercontent.com/u/14028029?v=4",
      "profile": "https://github.com/juliencrn",
      "contributions": ["content", "code", "design", "ideas"]
    },
    {
      "login": "a777med",
      "name": "a777med",
      "avatar_url": "https://avatars.githubusercontent.com/u/15968280?v=4",
      "profile": "https://github.com/a777med",
      "contributions": ["code"]
    },
    {
      "login": "datkira",
      "name": "Nguyen Tien Dat",
      "avatar_url": "https://avatars.githubusercontent.com/u/53250212?v=4",
      "profile": "https://datkira.com/",
      "contributions": ["code"]
    },
    {
      "login": "elifer5000",
      "name": "Elias Cohenca",
      "avatar_url": "https://avatars.githubusercontent.com/u/4311278?v=4",
      "profile": "https://github.com/elifer5000",
      "contributions": ["content"]
    },
    {
      "login": "joaoderoldo",
      "name": "João Deroldo",
      "avatar_url": "https://avatars.githubusercontent.com/u/17601527?v=4",
      "profile": "http://joaov.com.br/",
      "contributions": ["bug", "code"]
    },
    {
      "login": "Nishit-Dua",
      "name": "Nishit",
      "avatar_url": "https://avatars.githubusercontent.com/u/35453301?v=4",
      "profile": "https://github.com/Nishit-Dua",
      "contributions": ["code"]
    },
    {
      "login": "jonkoops",
      "name": "Jon Koops",
      "avatar_url": "https://avatars.githubusercontent.com/u/695720?v=4",
      "profile": "https://github.com/jonkoops",
      "contributions": ["code"]
    },
    {
      "login": "LoneRifle",
      "name": "LoneRifle",
      "avatar_url": "https://avatars.githubusercontent.com/u/10572368?v=4",
      "profile": "https://github.com/LoneRifle",
      "contributions": ["code"]
    },
    {
      "login": "vfonic",
      "name": "Viktor",
      "avatar_url": "https://avatars.githubusercontent.com/u/67437?v=4",
      "profile": "https://github.com/vfonic",
      "contributions": ["ideas", "bug"]
    },
    {
      "login": "bclermont",
      "name": "Bruno Clermont",
      "avatar_url": "https://avatars.githubusercontent.com/u/474302?v=4",
      "profile": "https://github.com/bclermont",
      "contributions": ["question"]
    },
    {
      "login": "yoannesbourg",
      "name": "yoannesbourg",
      "avatar_url": "https://avatars.githubusercontent.com/u/73404603?v=4",
      "profile": "https://github.com/yoannesbourg",
      "contributions": ["ideas"]
    },
    {
      "login": "strange2x",
      "name": "Strange2x",
      "avatar_url": "https://avatars.githubusercontent.com/u/10759731?v=4",
      "profile": "https://github.com/strange2x",
      "contributions": ["ideas"]
    },
    {
      "login": "steinybot",
      "name": "Jason Pickens",
      "avatar_url": "https://avatars.githubusercontent.com/u/4659562?v=4",
      "profile": "https://github.com/steinybot",
      "contributions": ["bug"]
    },
    {
      "login": "selvinkuik",
      "name": "Sel-Vin Kuik",
      "avatar_url": "https://avatars.githubusercontent.com/u/3469560?v=4",
      "profile": "http://smackagency.com/",
      "contributions": ["bug"]
    },
    {
      "login": "isaacalves",
      "name": "isaac",
      "avatar_url": "https://avatars.githubusercontent.com/u/1765942?v=4",
      "profile": "https://github.com/isaacalves",
      "contributions": ["bug"]
    },
    {
      "login": "brunorzn",
      "name": "Bruno RZN",
      "avatar_url": "https://avatars.githubusercontent.com/u/18266054?v=4",
      "profile": "https://github.com/brunorzn",
      "contributions": ["code", "review"]
    },
    {
      "login": "Cykelero",
      "name": "Nathan Manceaux-Panot",
      "avatar_url": "https://avatars.githubusercontent.com/u/2979318?v=4",
      "profile": "http://www.cykeprojects.com/",
      "contributions": ["code", "review"]
    },
    {
      "login": "meotimdihia",
      "name": "Dien Vu",
      "avatar_url": "https://avatars.githubusercontent.com/u/300961?v=4",
      "profile": "https://github.com/meotimdihia",
      "contributions": ["ideas"]
    },
    {
      "login": "olegKusov",
      "name": "Oleg Kusov",
      "avatar_url": "https://avatars.githubusercontent.com/u/28058268?v=4",
      "profile": "https://github.com/olegKusov",
      "contributions": ["ideas"]
    },
    {
      "login": "mankittens",
      "name": "Matthew Guy",
      "avatar_url": "https://avatars.githubusercontent.com/u/6647355?v=4",
      "profile": "http://mattguy.me/",
      "contributions": ["ideas"]
    },
    {
      "login": "andrewbihl",
      "name": "andrewbihl",
      "avatar_url": "https://avatars.githubusercontent.com/u/16709744?v=4",
      "profile": "https://github.com/andrewbihl",
      "contributions": ["bug"]
    },
    {
      "login": "lancepollard",
      "name": "lancepollard",
      "avatar_url": "https://avatars.githubusercontent.com/u/86631222?v=4",
      "profile": "https://github.com/lancepollard",
      "contributions": ["bug"]
    },
    {
      "login": "gmukul01",
      "name": "Mukul Bansal",
      "avatar_url": "https://avatars.githubusercontent.com/u/3636885?v=4",
      "profile": "https://github.com/gmukul01",
      "contributions": ["bug"]
    },
    {
      "login": "jeanlucmongrain",
      "name": "Jean-Luc Mongrain sur la Brosse",
      "avatar_url": "https://avatars.githubusercontent.com/u/474302?v=4",
      "profile": "http://127.0.0.1:8000/",
      "contributions": ["code", "ideas"]
    },
    {
      "login": "n1c",
      "name": "Nic",
      "avatar_url": "https://avatars.githubusercontent.com/u/284075?v=4",
      "profile": "https://github.com/n1c",
      "contributions": ["content"]
    },
    {
      "login": "valtism",
      "name": "Dan Wood",
      "avatar_url": "https://avatars.githubusercontent.com/u/1286001?v=4",
      "profile": "http://valtism.com/",
      "contributions": ["code"]
    },
    {
      "login": "Wendenburg",
      "name": "jo wendenbuerger",
      "avatar_url": "https://avatars.githubusercontent.com/u/25299148?v=4",
      "profile": "http://www.sixt.de/",
      "contributions": ["bug"]
    },
    {
      "login": "noseratio",
      "name": "Andrew Nosenko",
      "avatar_url": "https://avatars.githubusercontent.com/u/4774875?v=4",
      "profile": "https://nozillium.com/",
      "contributions": ["bug"]
    },
    {
      "login": "CharlieJhonSmith",
      "name": "CharlieJhonSmith",
      "avatar_url": "https://avatars.githubusercontent.com/u/90845154?v=4",
      "profile": "https://github.com/CharlieJhonSmith",
      "contributions": ["code"]
    },
    {
      "login": "soullivaneuh",
      "name": "Sullivan SENECHAL",
      "avatar_url": "https://avatars.githubusercontent.com/u/1698357?v=4",
      "profile": "https://keybase.io/soullivaneuh",
      "contributions": ["ideas", "bug", "code"]
    },
    {
      "login": "jaslong",
      "name": "Jason Long",
      "avatar_url": "https://avatars.githubusercontent.com/u/797348?v=4",
      "profile": "https://github.com/jaslong",
      "contributions": ["bug"]
    },
    {
      "login": "kxm766",
      "name": "kxm766",
      "avatar_url": "https://avatars.githubusercontent.com/u/88443148?v=4",
      "profile": "https://github.com/kxm766",
      "contributions": ["bug"]
    },
    {
      "login": "qlaffont",
      "name": "Quentin",
      "avatar_url": "https://avatars.githubusercontent.com/u/10044790?v=4",
      "profile": "http://qlaffont.com/",
      "contributions": ["code", "ideas", "content"]
    },
    {
      "login": "ducktordanny",
      "name": "Daniel Lazar",
      "avatar_url": "https://avatars.githubusercontent.com/u/38068717?v=4",
      "profile": "https://github.com/ducktordanny",
      "contributions": ["code", "bug"]
    },
    {
      "login": "mterrel",
      "name": "Mark Terrel",
      "avatar_url": "https://avatars.githubusercontent.com/u/17746857?v=4",
      "profile": "https://github.com/mterrel",
      "contributions": ["bug", "code"]
    },
    {
      "login": "mendrik",
      "name": "Andreas Herd",
      "avatar_url": "https://avatars.githubusercontent.com/u/160805?v=4",
      "profile": "https://github.com/mendrik",
      "contributions": ["bug"]
    },
    {
      "login": "sonjoydatta",
      "name": "Sonjoy Datta",
      "avatar_url": "https://avatars.githubusercontent.com/u/49079726?v=4",
      "profile": "https://sonjoydatta.me/",
      "contributions": ["code"]
    },
    {
      "login": "oluckyman",
      "name": "Ilya Belsky",
      "avatar_url": "https://avatars.githubusercontent.com/u/642673?v=4",
      "profile": "https://github.com/oluckyman",
      "contributions": ["bug"]
    },
    {
      "login": "JamesBarrettDev",
      "name": "James Barrett",
      "avatar_url": "https://avatars.githubusercontent.com/u/42980207?v=4",
      "profile": "https://jamesbarrett.io/",
      "contributions": ["code"]
    },
    {
      "login": "AbbalYouness",
      "name": "AbbalYouness",
      "avatar_url": "https://avatars.githubusercontent.com/u/15120524?v=4",
      "profile": "https://github.com/AbbalYouness",
      "contributions": ["code"]
    },
    {
      "login": "DidrikLind",
      "name": "didriklind",
      "avatar_url": "https://avatars.githubusercontent.com/u/14201715?v=4",
      "profile": "https://github.com/DidrikLind",
      "contributions": ["code", "test"]
    },
    {
      "login": "hexp1989",
      "name": "hexp1989",
      "avatar_url": "https://avatars.githubusercontent.com/u/2241985?v=4",
      "profile": "https://github.com/hexp1989",
      "contributions": ["code"]
    },
    {
      "login": "alvaroserrrano",
      "name": "Alvaro Serrano",
      "avatar_url": "https://avatars.githubusercontent.com/u/43758471?v=4",
      "profile": "https://www.linkedin.com/in/alvaro-serrano-rivas/",
      "contributions": ["content"]
    },
    {
      "login": "egehandulger",
      "name": "Egehan Dülger",
      "avatar_url": "https://avatars.githubusercontent.com/u/14878259?v=4",
      "profile": "https://github.com/egehandulger",
      "contributions": ["code"]
    },
    {
      "login": "PabloLION",
      "name": "PabloLION",
      "avatar_url": "https://avatars.githubusercontent.com/u/36828324?v=4",
      "profile": "https://github.com/PabloLION",
      "contributions": ["bug", "code"]
    },
    {
      "login": "emulienfou",
      "name": "David Sanchez",
      "avatar_url": "https://avatars.githubusercontent.com/u/84061?v=4",
      "profile": "https://davidsanchez.me/",
      "contributions": ["bug"]
    },
    {
      "login": "AjayTheWizard",
      "name": "Ajay Raja",
      "avatar_url": "https://avatars.githubusercontent.com/u/92772740?v=4",
      "profile": "https://github.com/AjayTheWizard",
      "contributions": ["bug"]
    },
    {
      "login": "docmars",
      "name": "Andy Merskin",
      "avatar_url": "https://avatars.githubusercontent.com/u/758090?v=4",
      "profile": "http://andymerskin.com/",
      "contributions": ["ideas"]
    },
    {
      "login": "GrayGalaxy",
      "name": "Avirup Ghosh",
      "avatar_url": "https://avatars.githubusercontent.com/u/49820575?v=4",
      "profile": "https://github.com/GrayGalaxy",
      "contributions": ["code", "bug"]
    },
    {
      "login": "tilnea",
      "name": "Sanne Wintrén",
      "avatar_url": "https://avatars.githubusercontent.com/u/3692320?v=4",
      "profile": "https://github.com/tilnea",
      "contributions": ["bug"]
    },
    {
      "login": "a-barbieri",
      "name": "Alessandro",
      "avatar_url": "https://avatars.githubusercontent.com/u/1528468?v=4",
      "profile": "http://lacolonia.studio/",
      "contributions": ["bug"]
    },
    {
      "login": "atatarenko",
      "name": "Andrey Tatarenko",
      "avatar_url": "https://avatars.githubusercontent.com/u/9846273?v=4",
      "profile": "https://github.com/atatarenko",
      "contributions": ["bug"]
    },
    {
      "login": "arusak",
      "name": "Anton Rusak",
      "avatar_url": "https://avatars.githubusercontent.com/u/4231915?v=4",
      "profile": "https://github.com/arusak",
      "contributions": ["bug"]
    },
    {
      "login": "createdbymahmood",
      "name": "Mahmood Bagheri",
      "avatar_url": "https://avatars.githubusercontent.com/u/40164360?v=4",
      "profile": "https://github.com/createdbymahmood",
      "contributions": ["code"]
    },
    {
      "login": "anver",
      "name": "Anver Sadutt",
      "avatar_url": "https://avatars.githubusercontent.com/u/506491?v=4",
      "profile": "https://wpowner.com/",
      "contributions": ["content"]
    },
    {
      "login": "bogdanailincaipnt",
      "name": "Bogdan Ailincai",
      "avatar_url": "https://avatars.githubusercontent.com/u/93596663?v=4",
      "profile": "https://github.com/bogdanailincaipnt",
      "contributions": ["code"]
    },
    {
      "login": "SimeonGriggs",
      "name": "Simeon Griggs",
      "avatar_url": "https://avatars.githubusercontent.com/u/9684022?v=4",
      "profile": "https://github.com/SimeonGriggs",
      "contributions": ["bug"]
    },
    {
      "login": "Kepro",
      "name": "Kepro",
      "avatar_url": "https://avatars.githubusercontent.com/u/1714370?v=4",
      "profile": "https://github.com/Kepro",
      "contributions": ["bug"]
    },
    {
      "login": "Jake-Lippert",
      "name": "Jake Lippert",
      "avatar_url": "https://avatars.githubusercontent.com/u/17753127?v=4",
      "profile": "https://github.com/Jake-Lippert",
      "contributions": ["bug"]
    },
    {
      "login": "TunA-Kai",
      "name": "Tu Nguyen Anh",
      "avatar_url": "https://avatars.githubusercontent.com/u/92641762?v=4",
      "profile": "https://github.com/TunA-Kai",
      "contributions": ["bug", "code"]
    },
    {
      "login": "skve",
      "name": "Luke Shiels",
      "avatar_url": "https://avatars.githubusercontent.com/u/47612057?v=4",
      "profile": "https://github.com/skve",
      "contributions": ["bug"]
    },
    {
      "login": "SleLLl",
      "name": "Sergei Kolyago",
      "avatar_url": "https://avatars.githubusercontent.com/u/66108429?v=4",
      "profile": "https://github.com/SleLLl",
      "contributions": ["ideas"]
    },
    {
      "login": "adhamaa",
      "name": "Adham Akmal Azmi",
      "avatar_url": "https://avatars.githubusercontent.com/u/50027371?v=4",
      "profile": "https://github.com/adhamaa",
      "contributions": ["bug"]
    },
    {
      "login": "alex-kowalczyk",
      "name": "Alek Kowalczyk",
      "avatar_url": "https://avatars.githubusercontent.com/u/7422175?v=4",
      "profile": "https://github.com/alex-kowalczyk",
      "contributions": ["bug"]
    },
    {
      "login": "Scalahansolo",
      "name": "Sean Callahan",
      "avatar_url": "https://avatars.githubusercontent.com/u/4317253?v=4",
      "profile": "https://github.com/Scalahansolo",
      "contributions": ["bug"]
    },
    {
      "login": "jbean96",
      "name": "Joshua Bean",
      "avatar_url": "https://avatars.githubusercontent.com/u/22803097?v=4",
      "profile": "https://github.com/jbean96",
      "contributions": ["code", "bug"]
    },
    {
      "login": "ZhaoTim",
      "name": "Tim Zhao",
      "avatar_url": "https://avatars.githubusercontent.com/u/30540533?v=4",
      "profile": "https://github.com/ZhaoTim",
      "contributions": ["bug"]
    },
    {
      "login": "patryk-smc",
      "name": "Patrick",
      "avatar_url": "https://avatars.githubusercontent.com/u/37963339?v=4",
      "profile": "https://github.com/patryk-smc",
      "contributions": ["bug"]
    },
    {
      "login": "brycedorn",
      "name": "Bryce Dorn",
      "avatar_url": "https://avatars.githubusercontent.com/u/3171252?v=4",
      "profile": "https://bryce.io/",
      "contributions": ["code"]
    },
    {
      "login": "angusd3v",
      "name": "angusd3v",
      "avatar_url": "https://avatars.githubusercontent.com/u/52683145?v=4",
      "profile": "https://github.com/angusd3v",
      "contributions": ["code"]
    },
    {
      "login": "ddisimone",
      "name": "Davide Di Simone",
      "avatar_url": "https://avatars.githubusercontent.com/u/78792352?v=4",
      "profile": "https://github.com/ddisimone",
      "contributions": ["bug"]
    },
    {
      "login": "jherr",
      "name": "Jack Herrington",
      "avatar_url": "https://avatars.githubusercontent.com/u/22392?v=4",
      "profile": "https://github.com/jherr",
      "contributions": ["bug"]
    },
    {
      "login": "sharvit",
      "name": "Avi Sharvit",
      "avatar_url": "https://avatars.githubusercontent.com/u/1262502?v=4",
      "profile": "https://sharvit.github.io/",
      "contributions": ["code", "bug"]
    },
    {
      "login": "nmaties",
      "name": "Nicolae Maties",
      "avatar_url": "https://avatars.githubusercontent.com/u/16613184?v=4",
      "profile": "https://github.com/nmaties",
      "contributions": ["bug"]
    },
    {
      "login": "secretshardul",
      "name": "Shardul Aeer",
      "avatar_url": "https://avatars.githubusercontent.com/u/49580849?v=4",
      "profile": "https://github.com/secretshardul",
      "contributions": ["bug"]
    },
    {
      "login": "herlon214",
      "name": "Herlon Aguiar",
      "avatar_url": "https://avatars.githubusercontent.com/u/3419441?v=4",
      "profile": "https://github.com/herlon214",
      "contributions": ["bug"]
    },
    {
      "login": "alexisoney",
      "name": "Alexis Oney",
      "avatar_url": "https://avatars.githubusercontent.com/u/28802989?v=4",
      "profile": "https://github.com/alexisoney",
      "contributions": ["content"]
    },
    {
      "login": "curtvict",
      "name": "curtvict",
      "avatar_url": "https://avatars.githubusercontent.com/u/96080054?v=4",
      "profile": "https://convictional.com/",
      "contributions": ["code"]
    },
    {
      "login": "JoshuaCS94",
      "name": "Josué Cortina",
      "avatar_url": "https://avatars.githubusercontent.com/u/23385700?v=4",
      "profile": "https://github.com/JoshuaCS94",
      "contributions": ["content"]
    },
    {
      "login": "KATT",
      "name": "Alex / KATT",
      "avatar_url": "https://avatars.githubusercontent.com/u/459267?v=4",
      "profile": "https://katt.dev/",
      "contributions": ["code"]
    },
    {
      "login": "modex98",
      "name": "Mourad EL CADI",
      "avatar_url": "https://avatars.githubusercontent.com/u/72814784?v=4",
      "profile": "https://github.com/modex98",
      "contributions": ["code", "bug"]
    },
    {
      "login": "Guesswhoitis",
      "name": "James Hulena",
      "avatar_url": "https://avatars.githubusercontent.com/u/63756285?v=4",
      "profile": "https://github.com/Guesswhoitis",
      "contributions": ["bug"]
    },
    {
      "login": "hailwood",
      "name": "Matthew Hailwood",
      "avatar_url": "https://avatars.githubusercontent.com/u/709773?v=4",
      "profile": "http://hailwood.nz/",
      "contributions": ["code", "review"]
    },
    {
      "login": "mike247",
      "name": "Michael Norrie",
      "avatar_url": "https://avatars.githubusercontent.com/u/676071?v=4",
      "profile": "https://github.com/mike247",
      "contributions": ["bug"]
    },
    {
      "login": "valentinpolitov",
      "name": "Valentin Politov",
      "avatar_url": "https://avatars.githubusercontent.com/u/39585375?v=4",
      "profile": "https://github.com/valentinpolitov",
      "contributions": ["code"]
    },
    {
      "login": "marnusw",
      "name": "Marnus Weststrate",
      "avatar_url": "https://avatars.githubusercontent.com/u/971499?v=4",
      "profile": "https://github.com/marnusw",
      "contributions": ["code"]
    },
    {
      "login": "mancuoj",
      "name": "mancuoj",
      "avatar_url": "https://avatars.githubusercontent.com/u/45707684?v=4",
      "profile": "https://github.com/mancuoj",
      "contributions": ["content"]
    },
    {
      "login": "jcsumlin",
      "name": "Chat Sumlin",
      "avatar_url": "https://avatars.githubusercontent.com/u/3067479?v=4",
      "profile": "https://www.chatsumlin.com/",
      "contributions": ["code"]
    },
    {
      "login": "owenshaupt",
      "name": "Owen Haupt",
      "avatar_url": "https://avatars.githubusercontent.com/u/52288188?v=4",
      "profile": "https://github.com/owenshaupt",
      "contributions": ["bug", "content"]
    },
    {
      "login": "ubarbaxor",
      "name": "ubarbaxor",
      "avatar_url": "https://avatars.githubusercontent.com/u/26365493?v=4",
      "profile": "https://github.com/ubarbaxor",
      "contributions": ["code"]
    },
    {
      "login": "michaelmior",
      "name": "Michael Mior",
      "avatar_url": "https://avatars.githubusercontent.com/u/82501?v=4",
      "profile": "https://michael.mior.ca/",
      "contributions": ["bug", "content"]
    },
    {
      "login": "pkhodaveissi",
      "name": "Pierre",
      "avatar_url": "https://avatars.githubusercontent.com/u/4170795?v=4",
      "profile": "https://github.com/pkhodaveissi",
      "contributions": ["code"]
    },
    {
      "login": "harrywebdev",
      "name": "Harry B",
      "avatar_url": "https://avatars.githubusercontent.com/u/3617415?v=4",
      "profile": "https://github.com/harrywebdev",
      "contributions": ["bug"]
    },
    {
      "login": "valyrie97",
      "name": "Valerie",
      "avatar_url": "https://avatars.githubusercontent.com/u/6365746?v=4",
      "profile": "https://github.com/valyrie97",
      "contributions": ["bug", "code"]
    },
    {
      "login": "stevenvachon",
      "name": "Steven Vachon",
      "avatar_url": "https://avatars.githubusercontent.com/u/170197?v=4",
      "profile": "https://svachon.com/",
      "contributions": ["code"]
    },
    {
      "login": "sskirby",
      "name": "Sean Kirby",
      "avatar_url": "https://avatars.githubusercontent.com/u/25760?v=4",
      "profile": "https://github.com/sskirby",
      "contributions": ["test", "code"]
    },
    {
      "login": "AlecsFarias",
      "name": "Alecsander Farias",
      "avatar_url": "https://avatars.githubusercontent.com/u/91743821?v=4",
      "profile": "https://github.com/AlecsFarias",
      "contributions": ["code"]
    },
    {
      "login": "BlankParticle",
      "name": "Rahul Mishra",
      "avatar_url": "https://avatars.githubusercontent.com/u/130567419?v=4",
      "profile": "https://blankparticle.in/",
      "contributions": ["code", "review", "content"]
    },
    {
      "login": "bryantcodesart",
      "name": "Bryant Smith",
      "avatar_url": "https://avatars.githubusercontent.com/u/14097078?v=4",
      "profile": "https://github.com/bryantcodesart",
      "contributions": ["code", "bug"]
    },
    {
      "login": "RobHannay",
      "name": "Rob Hannay",
      "avatar_url": "https://avatars.githubusercontent.com/u/609062?v=4",
      "profile": "https://github.com/RobHannay",
      "contributions": ["code"]
    },
    {
      "login": "hooriza",
      "name": "Hooriza",
      "avatar_url": "https://avatars.githubusercontent.com/u/507927?v=4",
      "profile": "https://github.com/hooriza",
      "contributions": ["code", "bug"]
    },
    {
      "login": "ShanSenanayake",
      "name": "ShanSenanayake",
      "avatar_url": "https://avatars.githubusercontent.com/u/8779685?v=4",
      "profile": "https://github.com/ShanSenanayake",
      "contributions": ["code"]
    },
    {
      "login": "philipgher",
      "name": "Philip Ghering",
      "avatar_url": "https://avatars.githubusercontent.com/u/32325241?v=4",
      "profile": "https://github.com/philipgher",
      "contributions": ["code"]
    },
    {
      "login": "ladislasdellinger",
      "name": "Ladislas Dellinger",
      "avatar_url": "https://avatars.githubusercontent.com/u/111739019?v=4",
      "profile": "https://github.com/ladislasdellinger",
      "contributions": ["code"]
    },
    {
      "login": "TheHaff",
      "name": "Haff",
      "avatar_url": "https://avatars.githubusercontent.com/u/2486653?v=4",
      "profile": "https://github.com/TheHaff",
      "contributions": ["code"]
    },
    {
      "login": "lisandro52",
      "name": "Lisandro",
      "avatar_url": "https://avatars.githubusercontent.com/u/5612241?v=4",
      "profile": "https://github.com/lisandro52",
      "contributions": ["code"]
    },
    {
      "login": "amirking59",
      "name": "Amir hossein rezaei",
      "avatar_url": "https://avatars.githubusercontent.com/u/58273240?v=4",
      "profile": "https://github.com/amirking59",
      "contributions": ["code"]
    },
    {
      "login": "nmacianx",
      "name": "Nicolas Macian",
      "avatar_url": "https://avatars.githubusercontent.com/u/40004186?v=4",
      "profile": "https://github.com/nmacianx",
      "contributions": ["bug", "code"]
    },
    {
      "login": "nateforsyth",
      "name": "Nate Forsyth",
      "avatar_url": "https://avatars.githubusercontent.com/u/13162026?v=4",
      "profile": "https://dreamsof.dev/",
      "contributions": ["code"]
    },
    {
      "login": "satelllte",
      "name": "satelllte",
      "avatar_url": "https://avatars.githubusercontent.com/u/20585619?v=4",
      "profile": "https://github.com/satelllte",
      "contributions": ["code", "bug"]
    },
    {
      "login": "fedemp",
      "name": "Federico Panico",
      "avatar_url": "https://avatars.githubusercontent.com/u/735314?v=4",
      "profile": "https://github.com/fedemp",
      "contributions": ["code"]
    },
    {
      "login": "iamwillnbcu",
      "name": "William Pei Yuan",
      "avatar_url": "https://avatars.githubusercontent.com/u/137317773?v=4",
      "profile": "https://github.com/iamwillnbcu",
      "contributions": ["code"]
    },
    {
      "login": "DarkAng3L",
      "name": "Mihai",
      "avatar_url": "https://avatars.githubusercontent.com/u/757999?v=4",
      "profile": "http://www.gazeta-cu-anunturi.ro/",
      "contributions": ["code", "bug"]
    },
    {
      "login": "ogunsolahabib",
      "name": "Habib Ogunsola",
      "avatar_url": "https://avatars.githubusercontent.com/u/39172573?v=4",
      "profile": "https://habib.ogunsola.me/",
      "contributions": ["content"]
    },
    {
      "login": "ashfurrow",
      "name": "Ash Furrow",
      "avatar_url": "https://avatars.githubusercontent.com/u/498212?v=4",
      "profile": "https://ashfurrow.com/",
      "contributions": ["code"]
    },
    {
      "login": "danielturus",
      "name": "Daniel Turuș",
      "avatar_url": "https://avatars.githubusercontent.com/u/32390499?v=4",
      "profile": "https://turus.ro/",
      "contributions": ["code"]
    },
    {
      "login": "rahulchaudhary2244",
      "name": "Rahul Chaudhary",
      "avatar_url": "https://avatars.githubusercontent.com/u/54467972?v=4",
      "profile": "https://www.linkedin.com/in/rahulchaudhary2244/",
      "contributions": ["content", "bug"]
    },
    {
      "login": "Joshyahweh",
      "name": "Joshua Ojoawo",
      "avatar_url": "https://avatars.githubusercontent.com/u/61137067?v=4",
      "profile": "https://github.com/Joshyahweh",
      "contributions": ["ideas", "bug"]
    },
    {
      "login": "jackdh",
      "name": "Jack",
      "avatar_url": "https://avatars.githubusercontent.com/u/1907451?v=4",
      "profile": "https://jackdh.com/",
      "contributions": ["code"]
    },
    {
      "login": "jonlinkens",
      "name": "Jon Linkens",
      "avatar_url": "https://avatars.githubusercontent.com/u/20417521?v=4",
      "profile": "https://github.com/jonlinkens",
      "contributions": ["code", "bug"]
    },
    {
      "login": "ojj1123",
      "name": "Jeongjin Oh",
      "avatar_url": "https://avatars.githubusercontent.com/u/33178048?v=4",
      "profile": "https://velog.io/@ojj1123",
      "contributions": ["bug"]
    },
    {
      "login": "tli26",
      "name": "Tianning Li",
      "avatar_url": "https://avatars.githubusercontent.com/u/114947190?v=4",
      "profile": "https://github.com/tli26",
      "contributions": ["code"]
    },
    {
      "login": "LarsArtmann",
      "name": "Lars Artmann",
      "avatar_url": "https://avatars.githubusercontent.com/u/23587853?v=4",
      "profile": "https://larsartmann.com/",
      "contributions": ["content"]
    },
    {
      "login": "KBobovskiy",
      "name": "KBobovskiy",
      "avatar_url": "https://avatars.githubusercontent.com/u/35502578?v=4",
      "profile": "https://github.com/KBobovskiy",
      "contributions": ["code"]
    },
    {
      "login": "ryngonzalez",
      "name": "✨ Kathryn Gonzalez ✨",
      "avatar_url": "https://avatars.githubusercontent.com/u/635300?v=4",
      "profile": "https://github.com/ryngonzalez",
      "contributions": ["content"]
    },
    {
      "login": "slavik-chapelskyi",
      "name": "Yaroslav Chapelskyi",
      "avatar_url": "https://avatars.githubusercontent.com/u/33541009?v=4",
      "profile": "https://github.com/slavik-chapelskyi",
      "contributions": ["content"]
    },
    {
      "login": "sverps",
      "name": "Samuel Van Erps",
      "avatar_url": "https://avatars.githubusercontent.com/u/15879327?v=4",
      "profile": "https://github.com/sverps",
      "contributions": ["review"]
    },
    {
      "login": "ojolowoblue",
      "name": "ojolowoblue",
      "avatar_url": "https://avatars.githubusercontent.com/u/104099474?v=4",
      "profile": "https://github.com/ojolowoblue",
      "contributions": ["content"]
    },
    {
      "login": "gugu",
      "name": "Andrii Kostenko",
      "avatar_url": "https://avatars.githubusercontent.com/u/75169?v=4",
      "profile": "http://short.io/",
      "contributions": ["code"]
    },
    {
      "login": "AkeemAllen",
      "name": "Akeem Allen",
      "avatar_url": "https://avatars.githubusercontent.com/u/32404761?v=4",
      "profile": "https://github.com/AkeemAllen",
      "contributions": ["code", "bug"]
    },
    {
      "login": "trongbinh15",
      "name": "trongbinhnguyen",
      "avatar_url": "https://avatars.githubusercontent.com/u/43725147?v=4",
      "profile": "https://github.com/trongbinh15",
      "contributions": ["content"]
    },
    {
      "login": "lawlesx",
      "name": "Aniruddha Sil",
      "avatar_url": "https://avatars.githubusercontent.com/u/52166437?v=4",
      "profile": "https://lawlesx.vercel.app/",
      "contributions": ["code"]
    },
    {
      "login": "okinawaa",
      "name": "박찬혁",
      "avatar_url": "https://avatars.githubusercontent.com/u/69495129?v=4",
      "profile": "https://github.com/okinawaa",
      "contributions": ["review"]
    },
    {
      "login": "novanish",
      "name": "Anish",
      "avatar_url": "https://avatars.githubusercontent.com/u/98446102?v=4",
      "profile": "https://anishchhetri.com.np/",
      "contributions": ["code"]
    },
    {
      "login": "hugohutri",
      "name": "Hugo Hutri",
      "avatar_url": "https://avatars.githubusercontent.com/u/55588133?v=4",
      "profile": "https://hutri.fi/",
      "contributions": ["content"]
    },
    {
      "login": "BalzGuenat",
      "name": "Balz Guenat",
      "avatar_url": "https://avatars.githubusercontent.com/u/6719014?v=4",
      "profile": "http://balzguenat.ch/",
      "contributions": ["code"]
    },
    {
      "login": "ottergeorge",
      "name": "OtterGeorge",
      "avatar_url": "https://avatars.githubusercontent.com/u/108759685?v=4",
      "profile": "https://github.com/ottergeorge",
      "contributions": ["code"]
    },
    {
      "login": "samay-rgb",
      "name": "Samay Sagar",
      "avatar_url": "https://avatars.githubusercontent.com/u/73112080?v=4",
      "profile": "https://github.com/samay-rgb",
      "contributions": ["content"]
    },
    {
      "login": "pedrobslisboa",
      "name": "Pedro Lisboa",
      "avatar_url": "https://avatars.githubusercontent.com/u/35539594?v=4",
      "profile": "https://github.com/pedrobslisboa",
      "contributions": ["bug"]
    },
    {
      "login": "henriqemalheiros",
      "name": "Henrique Malheiros",
      "avatar_url": "https://avatars.githubusercontent.com/u/23730762?v=4",
      "profile": "https://github.com/henriqemalheiros",
      "contributions": ["bug"]
    },
    {
      "login": "CaptainN",
      "name": "Kevin Newman",
      "avatar_url": "https://avatars.githubusercontent.com/u/245825?v=4",
      "profile": "http://www.unfocus.com/",
      "contributions": ["code"]
    },
    {
      "login": "a503189",
      "name": "a503189",
      "avatar_url": "https://avatars.githubusercontent.com/u/28802989?v=4",
      "profile": "https://github.com/a503189",
      "contributions": ["content"]
    },
    {
      "login": "mod7ex",
      "name": "Mourad EL CADI",
      "avatar_url": "https://avatars.githubusercontent.com/u/72814784?v=4",
      "profile": "https://t.me/mouradelcadi",
      "contributions": ["code"]
    },
    {
      "login": "Lop3sPedro",
      "name": "Pedro Henrique Lopes",
      "avatar_url": "https://avatars.githubusercontent.com/u/89090945?v=4",
      "profile": "https://github.com/Lop3sPedro",
      "contributions": ["code"]
    },
    {
      "login": "danbiilee",
      "name": "Danbi Lee",
      "avatar_url": "https://avatars.githubusercontent.com/u/53761241?v=4",
      "profile": "https://github.com/danbiilee",
      "contributions": ["code"]
    },
    {
      "login": "cojennin",
      "name": "Connor Jennings",
      "avatar_url": "https://avatars.githubusercontent.com/u/1888152?v=4",
      "profile": "https://github.com/cojennin",
      "contributions": ["code"]
    },
    {
      "login": "lgxm3z",
      "name": "Lucas Gomes",
      "avatar_url": "https://avatars.githubusercontent.com/u/28831375?v=4",
      "profile": "https://github.com/lgxm3z",
      "contributions": ["bug", "code"]
    },
    {
      "login": "zaggino",
      "name": "Martin Zagora",
      "avatar_url": "https://avatars.githubusercontent.com/u/1067319?v=4",
      "profile": "https://github.com/zaggino",
      "contributions": ["code"]
    },
    {
      "login": "kvdo2",
      "name": "KvD",
      "avatar_url": "https://avatars.githubusercontent.com/u/78251524?v=4",
      "profile": "https://github.com/kvdo2",
      "contributions": ["code"]
    },
    {
      "login": "SupraSmooth",
      "name": "Alex",
      "avatar_url": "https://avatars.githubusercontent.com/u/18029247?v=4",
      "profile": "https://github.com/SupraSmooth",
      "contributions": ["code"]
    },
    {
      "login": "kaceycleveland",
      "name": "Kacey Cleveland",
      "avatar_url": "https://avatars.githubusercontent.com/u/88064187?v=4",
      "profile": "https://github.com/kaceycleveland",
      "contributions": ["review"]
    },
    {
      "login": "oviirup",
      "name": "Avirup Ghosh",
      "avatar_url": "https://avatars.githubusercontent.com/u/49820575?v=4",
      "profile": "https://github.com/oviirup",
      "contributions": ["bug"]
    },
    {
      "login": "yabbal",
      "name": "yabbal",
      "avatar_url": "https://avatars.githubusercontent.com/u/15120524?v=4",
      "profile": "https://github.com/yabbal",
      "contributions": ["code"]
    },
    {
      "login": "patik",
      "name": "Craig Patik",
      "avatar_url": "https://avatars.githubusercontent.com/u/262137?v=4",
      "profile": "https://patik.com/",
      "contributions": ["bug"]
    },
    {
      "login": "Silverium",
      "name": "Soldeplata Saketos Candela",
      "avatar_url": "https://avatars.githubusercontent.com/u/10578392?v=4",
      "profile": "https://github.com/Silverium",
      "contributions": ["code"]
    },
    {
      "login": "TENDOUZHI",
      "name": "TENDOUZHI",
      "avatar_url": "https://avatars.githubusercontent.com/u/82806526?v=4",
      "profile": "https://github.com/TENDOUZHI",
      "contributions": ["bug"]
    },
    {
      "login": "wachulski",
      "name": "Marcin Wachulski",
      "avatar_url": "https://avatars.githubusercontent.com/u/1669844?v=4",
      "profile": "https://github.com/wachulski",
      "contributions": ["bug"]
    },
    {
      "login": "salmanfazal01",
      "name": "Salman Fazal",
      "avatar_url": "https://avatars.githubusercontent.com/u/15085416?v=4",
      "profile": "https://salmans.work/",
      "contributions": ["bug"]
    },
    {
      "login": "shrugs",
      "name": "shrugs",
      "avatar_url": "https://avatars.githubusercontent.com/u/1535001?v=4",
      "profile": "https://github.com/shrugs",
      "contributions": ["bug"]
    },
    {
      "login": "Hyodori04",
      "name": "hyodori",
      "avatar_url": "https://avatars.githubusercontent.com/u/57362573?v=4",
      "profile": "https://github.com/Hyodori04",
      "contributions": ["bug"]
    },
    {
      "login": "eleazareramos",
      "name": "Eleazar “E” Ramos",
      "avatar_url": "https://avatars.githubusercontent.com/u/25910203?v=4",
      "profile": "https://github.com/eleazareramos",
      "contributions": ["bug"]
    },
    {
      "login": "retnag",
      "name": "retnag",
      "avatar_url": "https://avatars.githubusercontent.com/u/18302198?v=4",
      "profile": "https://github.com/retnag",
      "contributions": ["bug"]
    },
    {
      "login": "beefiker",
      "name": "J young Lee",
      "avatar_url": "https://avatars.githubusercontent.com/u/55247450?v=4",
      "profile": "https://jaeyoung.dev/",
      "contributions": ["bug"]
    },
    {
      "login": "fiws",
      "name": "Filip Weiss",
      "avatar_url": "https://avatars.githubusercontent.com/u/3409958?v=4",
      "profile": "https://github.com/fiws",
      "contributions": ["bug"]
    },
    {
      "login": "mariusGundersen",
      "name": "Marius Gundersen",
      "avatar_url": "https://avatars.githubusercontent.com/u/464152?v=4",
      "profile": "https://mariusgundersen.net/",
      "contributions": ["bug"]
    },
    {
      "login": "VenomFate-619",
      "name": "Syed Aman Ali",
      "avatar_url": "https://avatars.githubusercontent.com/u/67755128?v=4",
      "profile": "https://github.com/VenomFate-619",
      "contributions": ["bug"]
    },
    {
      "login": "ingadi",
      "name": "Axel Ingadi",
      "avatar_url": "https://avatars.githubusercontent.com/u/6121225?v=4",
      "profile": "https://ingadi.work/",
      "contributions": ["bug"]
    },
    {
      "login": "andyjphu",
      "name": "AndyP",
      "avatar_url": "https://avatars.githubusercontent.com/u/51890861?v=4",
      "profile": "https://github.com/andyjphu",
      "contributions": ["bug"]
    },
    {
      "login": "ishanVaghasiya",
      "name": "ishanVaghasiya",
      "avatar_url": "https://avatars.githubusercontent.com/u/98661936?v=4",
      "profile": "https://github.com/ishanVaghasiya",
      "contributions": ["bug"]
    },
    {
      "login": "nico-martinucci",
      "name": "Nico Martinucci",
      "avatar_url": "https://avatars.githubusercontent.com/u/80868741?v=4",
      "profile": "https://github.com/nico-martinucci",
      "contributions": ["bug"]
    },
    {
      "login": "technophile-04",
      "name": "Shiv Bhonde | shivbhonde.eth",
      "avatar_url": "https://avatars.githubusercontent.com/u/80153681?v=4",
      "profile": "https://github.com/technophile-04",
      "contributions": ["bug"]
    },
    {
      "login": "fritzmonkey",
      "name": "fritzmonkey",
      "avatar_url": "https://avatars.githubusercontent.com/u/10103840?v=4",
      "profile": "https://github.com/fritzmonkey",
      "contributions": ["bug"]
    },
    {
      "login": "rrmesquita",
      "name": "Rodrigo Mesquita",
      "avatar_url": "https://avatars.githubusercontent.com/u/30835404?v=4",
      "profile": "https://github.com/rrmesquita",
      "contributions": ["bug"]
    },
    {
      "login": "moshest",
      "name": "Moshe Simantov",
      "avatar_url": "https://avatars.githubusercontent.com/u/534911?v=4",
      "profile": "https://moshe.io/",
      "contributions": ["bug"]
    },
    {
      "login": "BekaArabidze98",
      "name": "Beka",
      "avatar_url": "https://avatars.githubusercontent.com/u/122085038?v=4",
      "profile": "https://github.com/BekaArabidze98",
      "contributions": ["bug"]
    },
    {
      "login": "abdofola",
      "name": "Abdallah Alkaser",
      "avatar_url": "https://avatars.githubusercontent.com/u/30251052?v=4",
      "profile": "https://github.com/abdofola",
      "contributions": ["bug", "code"]
    },
    {
      "login": "CarlosNZ",
      "name": "Carl Smith",
      "avatar_url": "https://avatars.githubusercontent.com/u/5456533?v=4",
      "profile": "https://github.com/CarlosNZ",
      "contributions": ["bug"]
    },
    {
      "login": "ogroppo",
      "name": "Orlando Groppo",
      "avatar_url": "https://avatars.githubusercontent.com/u/4820803?v=4",
      "profile": "https://github.com/ogroppo",
      "contributions": ["bug"]
    },
    {
      "login": "thany",
      "name": "Martijn Saly",
      "avatar_url": "https://avatars.githubusercontent.com/u/152227?v=4",
      "profile": "https://github.com/thany",
      "contributions": ["bug"]
    },
    {
      "login": "quinn",
      "name": "Quinn Shanahan",
      "avatar_url": "https://avatars.githubusercontent.com/u/3764?v=4",
      "profile": "https://quinn.io/",
      "contributions": ["bug"]
    },
    {
      "login": "AntoineKM",
      "name": "Antoine Kingue",
      "avatar_url": "https://avatars.githubusercontent.com/u/54948363?v=4",
      "profile": "https://antoinek.fr/",
      "contributions": ["bug"]
    },
    {
      "login": "zanzlender",
      "name": "Žan Žlender",
      "avatar_url": "https://avatars.githubusercontent.com/u/44570474?v=4",
      "profile": "https://github.com/zanzlender",
      "contributions": ["bug"]
    },
    {
      "login": "sebadom",
      "name": "Sebastian Dominguez",
      "avatar_url": "https://avatars.githubusercontent.com/u/3877952?v=4",
      "profile": "https://github.com/sebadom",
      "contributions": ["bug"]
    },
    {
      "login": "jmc420",
      "name": "James Cowan",
      "avatar_url": "https://avatars.githubusercontent.com/u/11723529?v=4",
      "profile": "https://github.com/jmc420",
      "contributions": ["bug"]
    },
    {
      "login": "bayraak",
      "name": "Bayram Ali Basgul",
      "avatar_url": "https://avatars.githubusercontent.com/u/10470072?v=4",
      "profile": "https://github.com/bayraak",
      "contributions": ["bug"]
    },
    {
      "login": "WyattCast44",
      "name": "Wyatt Castaneda",
      "avatar_url": "https://avatars.githubusercontent.com/u/17957937?v=4",
      "profile": "http://wyatt.castaneda.family/",
      "contributions": ["bug"]
    },
    {
      "login": "tsnevillecom",
      "name": "Tim Neville",
      "avatar_url": "https://avatars.githubusercontent.com/u/3151454?v=4",
      "profile": "https://github.com/tsnevillecom",
      "contributions": ["bug"]
    },
    {
      "login": "shoooe",
      "name": "Thomas Pigarelli",
      "avatar_url": "https://avatars.githubusercontent.com/u/733227?v=4",
      "profile": "https://github.com/shoooe",
      "contributions": ["bug"]
    },
    {
      "login": "jherdman",
      "name": "James Herdman",
      "avatar_url": "https://avatars.githubusercontent.com/u/3300?v=4",
      "profile": "https://github.com/jherdman",
      "contributions": ["bug"]
    },
    {
      "login": "pociej",
      "name": "Grzegorz Pociejewski",
      "avatar_url": "https://avatars.githubusercontent.com/u/3854675?v=4",
      "profile": "https://github.com/pociej",
      "contributions": ["bug"]
    },
    {
      "login": "flyon",
      "name": "René Verheij",
      "avatar_url": "https://avatars.githubusercontent.com/u/341567?v=4",
      "profile": "https://github.com/flyon",
      "contributions": ["bug"]
    },
    {
      "login": "PatrykKuniczak",
      "name": "PatrykKuniczak",
      "avatar_url": "https://avatars.githubusercontent.com/u/64608510?v=4",
      "profile": "https://github.com/PatrykKuniczak",
      "contributions": ["bug"]
    },
    {
      "login": "CroModder",
      "name": "Paolo Božac",
      "avatar_url": "https://avatars.githubusercontent.com/u/7691110?v=4",
      "profile": "https://cromodder.github.io/",
      "contributions": ["bug"]
    },
    {
      "login": "reinos",
      "name": "Rein",
      "avatar_url": "https://avatars.githubusercontent.com/u/633730?v=4",
      "profile": "https://github.com/reinos",
      "contributions": ["bug"]
    },
    {
      "login": "FloorianB",
      "name": "FloorianB",
      "avatar_url": "https://avatars.githubusercontent.com/u/110407858?v=4",
      "profile": "https://github.com/FloorianB",
      "contributions": ["bug"]
    },
    {
      "login": "xuanhung1509",
      "name": "Xuan Hung",
      "avatar_url": "https://avatars.githubusercontent.com/u/89293664?v=4",
      "profile": "https://github.com/xuanhung1509",
      "contributions": ["bug"]
    },
    {
      "login": "mxvsh",
      "name": "Monawwar Abdullah",
      "avatar_url": "https://avatars.githubusercontent.com/u/31907722?v=4",
      "profile": "https://monawwar.io/",
      "contributions": ["bug"]
    },
    {
      "login": "haroldo-ok",
      "name": "Haroldo de Oliveira Pinheiro",
      "avatar_url": "https://avatars.githubusercontent.com/u/1457465?v=4",
      "profile": "https://github.com/haroldo-ok",
      "contributions": ["bug"]
    },
    {
      "login": "TamjidAhmed10",
      "name": "Tamjid Ahmed",
      "avatar_url": "https://avatars.githubusercontent.com/u/57794102?v=4",
      "profile": "https://portfoliobytamjid.vercel.app/",
      "contributions": ["bug"]
    },
    {
      "login": "jv-lopez",
      "name": "jv-lopez",
      "avatar_url": "https://avatars.githubusercontent.com/u/93750956?v=4",
      "profile": "https://github.com/jv-lopez",
      "contributions": ["bug"]
    },
    {
      "login": "callumacrae",
      "name": "Callum Macrae",
      "avatar_url": "https://avatars.githubusercontent.com/u/472830?v=4",
      "profile": "http://macr.ae/",
      "contributions": ["bug"]
    },
    {
      "login": "0529bill",
      "name": "bywater529",
      "avatar_url": "https://avatars.githubusercontent.com/u/62455148?v=4",
      "profile": "https://github.com/0529bill",
      "contributions": ["bug"]
    },
    {
      "login": "kevinxh",
      "name": "Kevin He",
      "avatar_url": "https://avatars.githubusercontent.com/u/10948652?v=4",
      "profile": "https://github.com/kevinxh",
      "contributions": ["bug"]
    },
    {
      "login": "FredericoGauz",
      "name": "FredericoGauz",
      "avatar_url": "https://avatars.githubusercontent.com/u/18327882?v=4",
      "profile": "https://github.com/FredericoGauz",
      "contributions": ["bug"]
    },
    {
      "login": "JonLemOfficial",
      "name": "Jonathan \"JonLem\" Lemos",
      "avatar_url": "https://avatars.githubusercontent.com/u/38771842?v=4",
      "profile": "https://www.jonlemofficial.com/",
      "contributions": ["bug"]
    },
    {
      "login": "xegulon",
      "name": "Xegulon",
      "avatar_url": "https://avatars.githubusercontent.com/u/74178038?v=4",
      "profile": "https://github.com/xegulon",
      "contributions": ["bug"]
    },
    {
      "login": "TomSmedley",
      "name": "Tom Smedley",
      "avatar_url": "https://avatars.githubusercontent.com/u/95056193?v=4",
      "profile": "https://github.com/TomSmedley",
      "contributions": ["bug"]
    },
    {
      "login": "lightbluepoppy",
      "name": "lightbluepoppy",
      "avatar_url": "https://avatars.githubusercontent.com/u/65863981?v=4",
      "profile": "https://github.com/lightbluepoppy",
      "contributions": ["bug"]
    },
    {
      "login": "Dchole",
      "name": "Derek Oware",
      "avatar_url": "https://avatars.githubusercontent.com/u/47068381?v=4",
      "profile": "https://github.com/Dchole",
      "contributions": ["bug"]
    },
    {
      "login": "lancegliser",
      "name": "Lance Gliser",
      "avatar_url": "https://avatars.githubusercontent.com/u/12085479?v=4",
      "profile": "http://fragmentedthought.com/",
      "contributions": ["bug"]
    },
    {
      "login": "lewxdev",
      "name": "J. Lewis",
      "avatar_url": "https://avatars.githubusercontent.com/u/6710419?v=4",
      "profile": "https://github.com/lewxdev",
      "contributions": ["bug"]
    },
    {
      "login": "yairy",
      "name": "Yair",
      "avatar_url": "https://avatars.githubusercontent.com/u/3206243?v=4",
      "profile": "https://github.com/yairy",
      "contributions": ["bug"]
    },
    {
      "login": "Nishchit14",
      "name": "Nishchit",
      "avatar_url": "https://avatars.githubusercontent.com/u/5078921?v=4",
      "profile": "https://firecamp.dev/",
      "contributions": ["bug"]
    },
    {
      "login": "Nejjer",
      "name": "Devofy",
      "avatar_url": "https://avatars.githubusercontent.com/u/80219537?v=4",
      "profile": "https://github.com/Nejjer",
      "contributions": ["bug"]
    },
    {
      "login": "nightness",
      "name": "Josh Guyette",
      "avatar_url": "https://avatars.githubusercontent.com/u/28668902?v=4",
      "profile": "https://joshguyette.com/",
      "contributions": ["bug"]
    },
    {
      "login": "dora-ljh",
      "name": "Dora Li",
      "avatar_url": "https://avatars.githubusercontent.com/u/35205701?v=4",
      "profile": "https://github.com/dora-ljh",
      "contributions": ["bug"]
    },
    {
      "login": "kg-currenxie",
      "name": "Kristian Gerardsson",
      "avatar_url": "https://avatars.githubusercontent.com/u/48229166?v=4",
      "profile": "https://github.com/kg-currenxie",
      "contributions": ["bug"]
    },
    {
      "login": "jdpt0",
      "name": "James Powell",
      "avatar_url": "https://avatars.githubusercontent.com/u/19761394?v=4",
      "profile": "https://github.com/jdpt0",
      "contributions": ["bug"]
    },
    {
      "login": "boazpoolman",
      "name": "Boaz Poolman",
      "avatar_url": "https://avatars.githubusercontent.com/u/9551934?v=4",
      "profile": "https://www.linkedin.com/in/boaz-poolman-662162115/",
      "contributions": ["bug"]
    },
    {
      "login": "roker15",
      "name": "roker15",
      "avatar_url": "https://avatars.githubusercontent.com/u/59526869?v=4",
      "profile": "https://github.com/roker15",
      "contributions": ["bug"]
    },
    {
      "login": "fadhilx",
      "name": "Fadhil Ahmad",
      "avatar_url": "https://avatars.githubusercontent.com/u/15516786?v=4",
      "profile": "https://github.com/fadhilx",
      "contributions": ["bug"]
    },
    {
      "login": "Chandler-Zhu",
      "name": "Chandler-Zhu",
      "avatar_url": "https://avatars.githubusercontent.com/u/61914365?v=4",
      "profile": "https://github.com/Chandler-Zhu",
      "contributions": ["bug"]
    },
    {
      "login": "nixjs",
      "name": "Nghi Nguyen",
      "avatar_url": "https://avatars.githubusercontent.com/u/23132483?v=4",
      "profile": "https://github.com/nixjs",
      "contributions": ["bug"]
    },
    {
      "login": "ShravanSunder",
      "name": "Shravan Sunder",
      "avatar_url": "https://avatars.githubusercontent.com/u/5294949?v=4",
      "profile": "https://github.com/ShravanSunder",
      "contributions": ["bug"]
    },
    {
      "login": "Johannes5",
      "name": "Johannes5",
      "avatar_url": "https://avatars.githubusercontent.com/u/14299835?v=4",
      "profile": "https://github.com/Johannes5",
      "contributions": ["bug"]
    },
    {
      "login": "sebahhpeya",
      "name": "sebahhpeya",
      "avatar_url": "https://avatars.githubusercontent.com/u/93996817?v=4",
      "profile": "https://github.com/sebahhpeya",
      "contributions": ["bug"]
    },
    {
      "login": "ornakash",
      "name": "Or Nakash",
      "avatar_url": "https://avatars.githubusercontent.com/u/45389557?v=4",
      "profile": "https://onezero.co.il/",
      "contributions": ["bug"]
    },
    {
      "login": "hepiyellow",
      "name": "Erez Makavy",
      "avatar_url": "https://avatars.githubusercontent.com/u/6338722?v=4",
      "profile": "https://github.com/hepiyellow",
      "contributions": ["bug"]
    },
    {
      "login": "andymerskin",
      "name": "Andy Merskin",
      "avatar_url": "https://avatars.githubusercontent.com/u/758090?v=4",
      "profile": "http://andymerskin.com/",
      "contributions": ["bug"]
    },
    {
      "login": "chainalert-bot",
      "name": "ChainAlert Bot",
      "avatar_url": "https://avatars.githubusercontent.com/u/95303823?v=4",
      "profile": "https://github.com/chainalert-bot",
      "contributions": ["bug"]
    },
    {
      "login": "tmdesigned",
      "name": "Taylor Morgan",
      "avatar_url": "https://avatars.githubusercontent.com/u/3608018?v=4",
      "profile": "https://github.com/tmdesigned",
      "contributions": ["bug"]
    },
    {
      "login": "wisdomabioye",
      "name": "wisdomabioye",
      "avatar_url": "https://avatars.githubusercontent.com/u/18709032?v=4",
      "profile": "https://abkabioye.me/",
      "contributions": ["bug"]
    },
    {
      "login": "SamuelQuinones",
      "name": "Samuel Quiñones",
      "avatar_url": "https://avatars.githubusercontent.com/u/51345689?v=4",
      "profile": "http://www.samtheq.com",
      "contributions": ["ideas"]
    },
    {
      "login": "ymc-maha",
      "name": "Manuel",
      "avatar_url": "https://avatars.githubusercontent.com/u/697307?v=4",
      "profile": "https://github.com/ymc-maha",
      "contributions": ["code", "bug"]
    },
    {
      "login": "Yurchishin",
      "name": "Yurii Rybak",
      "avatar_url": "https://avatars.githubusercontent.com/u/36650915?v=4",
      "profile": "https://github.com/Yurchishin",
      "contributions": ["bug"]
    },
    {
      "login": "iuriiiurevich",
      "name": "Yury Demin",
      "avatar_url": "https://avatars.githubusercontent.com/u/15759600?v=4",
      "profile": "https://github.com/iuriiiurevich",
      "contributions": ["bug", "code"]
    },
    {
      "login": "jontewks",
      "name": "Jon Tewksbury",
      "avatar_url": "https://avatars.githubusercontent.com/u/3970573?v=4",
      "profile": "http://tewks.io/",
      "contributions": ["code", "bug"]
    },
    {
      "login": "novacdenis",
      "name": "Novac Denis",
      "avatar_url": "https://avatars.githubusercontent.com/u/45555668?v=4",
      "profile": "https://github.com/novacdenis",
      "contributions": ["code", "bug"]
    },
    {
      "login": "kyrylo-soulandwolf",
      "name": "kyrylo-soulandwolf",
      "avatar_url": "https://avatars.githubusercontent.com/u/54762253?v=4",
      "profile": "https://github.com/kyrylo-soulandwolf",
      "contributions": ["code", "bug"]
    },
    {
      "login": "misidoro",
      "name": "Miguel Isidoro",
      "avatar_url": "https://avatars.githubusercontent.com/u/3635023?v=4",
      "profile": "https://github.com/misidoro",
      "contributions": ["code"]
    },
    {
      "login": "gromchen",
      "name": "Yuriy Gromchenko",
      "avatar_url": "https://avatars.githubusercontent.com/u/828918?v=4",
      "profile": "https://crowds.space/",
      "contributions": ["code"]
    },
    {
      "login": "jcbhmr",
      "name": "Jacob Hummer",
      "avatar_url": "https://avatars.githubusercontent.com/u/61068799?v=4",
      "profile": "http://jcbhmr.me",
      "contributions": ["ideas"]
    },
    {
      "login": "k-melnychuk",
      "name": "Kyrylo Melnychuk",
      "avatar_url": "https://avatars.githubusercontent.com/u/22131019?v=4",
      "profile": "https://github.com/k-melnychuk",
      "contributions": ["content", "code"]
    },
    {
      "login": "LumaKernel",
      "name": "Luma",
      "avatar_url": "https://avatars.githubusercontent.com/u/29811106?v=4",
      "profile": "https://github.com/LumaKernel",
      "contributions": ["code"]
    },
    {
      "login": "Newbie012",
      "name": "Eliya Cohen",
      "avatar_url": "https://avatars.githubusercontent.com/u/10504365?v=4",
      "profile": "https://github.com/Newbie012",
      "contributions": ["code"]
    },
    {
      "login": "isumix",
      "name": "Igor Sukharev",
      "avatar_url": "https://avatars.githubusercontent.com/u/16747416?v=4",
      "profile": "https://github.com/isumix",
      "contributions": ["bug"]
    },
    {
      "login": "pookmish",
      "name": "pookmish",
      "avatar_url": "https://avatars.githubusercontent.com/u/7185045?v=4",
      "profile": "https://github.com/pookmish",
      "contributions": ["ideas"]
    },
    {
      "login": "metav-drimz",
      "name": "metav-drimz",
      "avatar_url": "https://avatars.githubusercontent.com/u/113976282?v=4",
      "profile": "https://github.com/metav-drimz",
      "contributions": ["ideas"]
    },
    {
      "login": "luckrnx09",
      "name": "luckrnx09",
      "avatar_url": "https://avatars.githubusercontent.com/u/113882203?v=4",
      "profile": "https://luckrnx09.com/",
      "contributions": ["code"]
    },
    {
      "login": "RubyHuntsman",
      "name": "Hubert Kuczmierczyk",
      "avatar_url": "https://avatars.githubusercontent.com/u/24682602?v=4",
      "profile": "https://github.com/RubyHuntsman",
      "contributions": ["ideas", "review"]
    },
    {
      "login": "dandubya",
      "name": "dandubya",
      "avatar_url": "https://avatars.githubusercontent.com/u/67660308?v=4",
      "profile": "https://github.com/dandubya",
      "contributions": ["doc"]
    },
    {
      "login": "LonelyFellas",
      "name": "Darwish",
      "avatar_url": "https://avatars.githubusercontent.com/u/38754760?v=4",
      "profile": "https://github.com/LonelyFellas",
      "contributions": ["code"]
    },
    {
      "login": "jraoult",
      "name": "Jonathan Raoult",
      "avatar_url": "https://avatars.githubusercontent.com/u/2046871?v=4",
      "profile": "http://www.jesuisjo.com/",
      "contributions": ["bug", "review"]
    }
  ],
  "contributorsPerLine": 7,
  "commitType": "docs"
}



================================================
FILE: .changeset/README.md
================================================
# Changesets

Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
with multi-package repos, or single-package repos to help you version and publish your code. You can
find the full documentation for it [in our repository](https://github.com/changesets/changesets)

We have a quick list of common questions to get you started engaging with this project in
[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)


================================================
FILE: .changeset/config.json
================================================
{
  "$schema": "https://unpkg.com/@changesets/config@2.3.0/schema.json",
  "changelog": "@changesets/cli/changelog",
  "commit": false,
  "fixed": [],
  "linked": [],
  "access": "public",
  "baseBranch": "master",
  "updateInternalDependencies": "patch",
  "ignore": []
}


================================================
FILE: .editorconfig
================================================
# editorconfig.org

root = true

[*]
indent_style = space
indent_size = 2
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true


================================================
FILE: .github/CODE_OF_CONDUCT.md
================================================
# Contributor Covenant Code of Conduct

## Our Pledge

We as members, contributors, and leaders pledge to make participation in our
community a harassment-free experience for everyone, regardless of age, body
size, visible or invisible disability, ethnicity, sex characteristics, gender
identity and expression, level of experience, education, socio-economic status,
nationality, personal appearance, race, caste, color, religion, or sexual
identity and orientation.

We pledge to act and interact in ways that contribute to an open, welcoming,
diverse, inclusive, and healthy community.

## Our Standards

Examples of behavior that contributes to a positive environment for our
community include:

- Demonstrating empathy and kindness toward other people
- Being respectful of differing opinions, viewpoints, and experiences
- Giving and gracefully accepting constructive feedback
- Accepting responsibility and apologizing to those affected by our mistakes,
  and learning from the experience
- Focusing on what is best not just for us as individuals, but for the overall
  community

Examples of unacceptable behavior include:

- The use of sexualized language or imagery, and sexual attention or advances of
  any kind
- Trolling, insulting or derogatory comments, and personal or political attacks
- Public or private harassment
- Publishing others' private information, such as a physical or email address,
  without their explicit permission
- Other conduct which could reasonably be considered inappropriate in a
  professional setting

## Enforcement Responsibilities

Community leaders are responsible for clarifying and enforcing our standards of
acceptable behavior and will take appropriate and fair corrective action in
response to any behavior that they deem inappropriate, threatening, offensive,
or harmful.

Community leaders have the right and responsibility to remove, edit, or reject
comments, commits, code, wiki edits, issues, and other contributions that are
not aligned to this Code of Conduct, and will communicate reasons for moderation
decisions when appropriate.

## Scope

This Code of Conduct applies within all community spaces, and also applies when
an individual is officially representing the community in public spaces.
Examples of representing our community include using an official email address,
posting via an official social media account, or acting as an appointed
representative at an online or offline event.

## Enforcement

Instances of abusive, harassing, or otherwise unacceptable behavior may be
reported to the community leaders responsible for enforcement at
<juliencaron@protonmail.com>.
All complaints will be reviewed and investigated promptly and fairly.

All community leaders are obligated to respect the privacy and security of the
reporter of any incident.

## Enforcement Guidelines

Community leaders will follow these Community Impact Guidelines in determining
the consequences for any action they deem in violation of this Code of Conduct:

### 1. Correction

**Community Impact**: Use of inappropriate language or other behavior deemed
unprofessional or unwelcome in the community.

**Consequence**: A private, written warning from community leaders, providing
clarity around the nature of the violation and an explanation of why the
behavior was inappropriate. A public apology may be requested.

### 2. Warning

**Community Impact**: A violation through a single incident or series of
actions.

**Consequence**: A warning with consequences for continued behavior. No
interaction with the people involved, including unsolicited interaction with
those enforcing the Code of Conduct, for a specified period of time. This
includes avoiding interactions in community spaces as well as external channels
like social media. Violating these terms may lead to a temporary or permanent
ban.

### 3. Temporary Ban

**Community Impact**: A serious violation of community standards, including
sustained inappropriate behavior.

**Consequence**: A temporary ban from any sort of interaction or public
communication with the community for a specified period of time. No public or
private interaction with the people involved, including unsolicited interaction
with those enforcing the Code of Conduct, is allowed during this period.
Violating these terms may lead to a permanent ban.

### 4. Permanent Ban

**Community Impact**: Demonstrating a pattern of violation of community
standards, including sustained inappropriate behavior, harassment of an
individual, or aggression toward or disparagement of classes of individuals.

**Consequence**: A permanent ban from any sort of public interaction within the
community.

## Attribution

This Code of Conduct is adapted from the [Contributor Covenant][homepage],
version 2.1, available at
[https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].

Community Impact Guidelines were inspired by
[Mozilla's code of conduct enforcement ladder][Mozilla CoC].

For answers to common questions about this code of conduct, see the FAQ at
[https://www.contributor-covenant.org/faq][FAQ]. Translations are available at
[https://www.contributor-covenant.org/translations][translations].

[homepage]: https://www.contributor-covenant.org
[v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
[Mozilla CoC]: https://github.com/mozilla/diversity
[FAQ]: https://www.contributor-covenant.org/faq
[translations]: https://www.contributor-covenant.org/translations


================================================
FILE: .github/CONTRIBUTING.md
================================================
# Contributing to `usehooks-ts`

Thanks for wanting to contribute! It's more than welcome 🤗

As the creators and maintainers of this project, we want to ensure that `usehooks-ts` lives and continues to grow and evolve. We would like to encourage everyone to help and support this library by contributing

## Ways to contribute

1. **Replying and handling open issues or discussions.**

   We get some issues and discussions, and some of them may lack necessary information. You can help out by guiding people through the process of filling out the issue template, asking for clarifying information, or pointing them to existing issues that match their description of the problem.

2. **Reviewing pull requests.**

   Pull requests (PRs) are essential for introducing new features, fixing bugs, and improving the overall quality of the codebase. As a reviewer, your role is crucial in ensuring that each PR meets the project's standards and goals. Here are some key aspects to consider when reviewing pull requests:

   - **Code Quality**: Examine the changes for readability, maintainability, and adherence to coding standards. Look for any potential code smells, redundant code, or opportunities for optimization.

   - **Functionality**: Test the changes locally if possible to verify that they work as intended. Check if the new feature functions correctly and if the bug fixes address the reported issues.

   - **Compatibility**: Ensure that the changes don't introduce breaking changes or compatibility issues with existing functionality. Consider how the changes may impact other parts of the codebase and any dependent projects.

   - **Documentation**: Confirm that the PR includes any necessary updates to documentation, including code comments, README files, changesets, or API references.

   - **Testing**: Assess whether the PR includes sufficient unit tests to cover the modified code. If necessary, suggest additional test cases or improvements to the testing strategy.

   - **Feedback**: Provide constructive feedback to the contributor, highlighting areas for improvement and praising positive aspects of the contribution. Encourage collaboration and discussion to address any concerns or questions.

   Your thorough review helps maintain the quality and stability of the project. Remember to be respectful and supportive in your feedback, fostering a positive and inclusive community for contributors.

3. **Help people write unit-tests.**

   Some pull requests sent to the main repository may lack a proper test plan. These help reviewers understand how the change was tested, and can speed up the time it takes for a contribution to be accepted.

4. **Improving the documentation.**

   Reviewing documentation updates can be as simple as checking for spelling and grammar. If you encounter situations that can be explained better in the docs, click Edit at the top of most docs pages to get started with your own contribution.

5. **Contribute the to code.**

   Code-level contributions to `usehooks-ts` like creating or fixing a hook generally come in the form of pull requests. These are done by forking the repo and making changes locally explained below.

## Code contributions

Here is a quick guide to doing code contributions to the library.

1. Make sure to have the right dependencies up-to-date:

   - `"node": ">=18.17.0"`
   - `"pnpm": "^8"`

2. Fork and clone the repo to your local machine:

   ```shellscript
   git clone https://github.com/YOUR_GITHUB_USERNAME/usehooks-ts.git
   ```

3. Create a new branch from `master` with a meaningful name for a new feature or an issue you want to work on:

   ```shellscript
   git checkout -b your-meaningful-branch-name
   ```

4. Install packages by running:

   ```shellscript
   pnpm install
   pnpm build
   ```

5. If you want to create a new hook, use the generator:

   ```shellscript
   pnpm gen-hook
   ```

6. Ensure your code lints without errors and the test suite still passes.

   ```shellscript
   pnpm build && pnpm lint && pnpm test
   ```

7. Try to write some unit tests to cover as much of your code as possible.

8. Push your branch: `git push -u origin your-meaningful-branch-name`

9. Submit a pull request to the upstream `usehooks-ts` repository.

10. Choose a descriptive title and describe your changes briefly.

## Coding style

Please follow the coding style of the project. `usehooks-ts` uses eslint and prettier. If possible, enable their respective plugins in your editor to get real-time feedback. The linting can be run manually with the following command: `pnpm lint` and `pnpm prettier`.

## License

By contributing your code to the `usehooks-ts` GitHub repository, you agree to license your contribution under the [MIT license](https://github.com/juliencrn/usehooks-ts/blob/master/LICENSE).

## Contributors

Big thanks go to all our contributors! [[Become a contributor](https://github.com/juliencrn/usehooks-ts/blob/master/.github/CONTRIBUTING.md)]

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tbody>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/juliencrn"><img src="https://avatars.githubusercontent.com/u/14028029?v=4?s=64" width="64px;" alt="Julien"/><br /><sub><b>Julien</b></sub></a><br /><a href="#content-juliencrn" title="Content">🖋</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=juliencrn" title="Code">💻</a> <a href="#design-juliencrn" title="Design">🎨</a> <a href="#ideas-juliencrn" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/a777med"><img src="https://avatars.githubusercontent.com/u/15968280?v=4?s=64" width="64px;" alt="a777med"/><br /><sub><b>a777med</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=a777med" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://datkira.com/"><img src="https://avatars.githubusercontent.com/u/53250212?v=4?s=64" width="64px;" alt="Nguyen Tien Dat"/><br /><sub><b>Nguyen Tien Dat</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=datkira" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/elifer5000"><img src="https://avatars.githubusercontent.com/u/4311278?v=4?s=64" width="64px;" alt="Elias Cohenca"/><br /><sub><b>Elias Cohenca</b></sub></a><br /><a href="#content-elifer5000" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://joaov.com.br/"><img src="https://avatars.githubusercontent.com/u/17601527?v=4?s=64" width="64px;" alt="João Deroldo"/><br /><sub><b>João Deroldo</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajoaoderoldo" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=joaoderoldo" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Nishit-Dua"><img src="https://avatars.githubusercontent.com/u/35453301?v=4?s=64" width="64px;" alt="Nishit"/><br /><sub><b>Nishit</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Nishit-Dua" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jonkoops"><img src="https://avatars.githubusercontent.com/u/695720?v=4?s=64" width="64px;" alt="Jon Koops"/><br /><sub><b>Jon Koops</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jonkoops" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/LoneRifle"><img src="https://avatars.githubusercontent.com/u/10572368?v=4?s=64" width="64px;" alt="LoneRifle"/><br /><sub><b>LoneRifle</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=LoneRifle" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/vfonic"><img src="https://avatars.githubusercontent.com/u/67437?v=4?s=64" width="64px;" alt="Viktor"/><br /><sub><b>Viktor</b></sub></a><br /><a href="#ideas-vfonic" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Avfonic" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/bclermont"><img src="https://avatars.githubusercontent.com/u/474302?v=4?s=64" width="64px;" alt="Bruno Clermont"/><br /><sub><b>Bruno Clermont</b></sub></a><br /><a href="#question-bclermont" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/yoannesbourg"><img src="https://avatars.githubusercontent.com/u/73404603?v=4?s=64" width="64px;" alt="yoannesbourg"/><br /><sub><b>yoannesbourg</b></sub></a><br /><a href="#ideas-yoannesbourg" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/strange2x"><img src="https://avatars.githubusercontent.com/u/10759731?v=4?s=64" width="64px;" alt="Strange2x"/><br /><sub><b>Strange2x</b></sub></a><br /><a href="#ideas-strange2x" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/steinybot"><img src="https://avatars.githubusercontent.com/u/4659562?v=4?s=64" width="64px;" alt="Jason Pickens"/><br /><sub><b>Jason Pickens</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asteinybot" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://smackagency.com/"><img src="https://avatars.githubusercontent.com/u/3469560?v=4?s=64" width="64px;" alt="Sel-Vin Kuik"/><br /><sub><b>Sel-Vin Kuik</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aselvinkuik" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/isaacalves"><img src="https://avatars.githubusercontent.com/u/1765942?v=4?s=64" width="64px;" alt="isaac"/><br /><sub><b>isaac</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aisaacalves" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/brunorzn"><img src="https://avatars.githubusercontent.com/u/18266054?v=4?s=64" width="64px;" alt="Bruno RZN"/><br /><sub><b>Bruno RZN</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=brunorzn" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Abrunorzn" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.cykeprojects.com/"><img src="https://avatars.githubusercontent.com/u/2979318?v=4?s=64" width="64px;" alt="Nathan Manceaux-Panot"/><br /><sub><b>Nathan Manceaux-Panot</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Cykelero" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3ACykelero" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/meotimdihia"><img src="https://avatars.githubusercontent.com/u/300961?v=4?s=64" width="64px;" alt="Dien Vu"/><br /><sub><b>Dien Vu</b></sub></a><br /><a href="#ideas-meotimdihia" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/olegKusov"><img src="https://avatars.githubusercontent.com/u/28058268?v=4?s=64" width="64px;" alt="Oleg Kusov"/><br /><sub><b>Oleg Kusov</b></sub></a><br /><a href="#ideas-olegKusov" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://mattguy.me/"><img src="https://avatars.githubusercontent.com/u/6647355?v=4?s=64" width="64px;" alt="Matthew Guy"/><br /><sub><b>Matthew Guy</b></sub></a><br /><a href="#ideas-mankittens" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/andrewbihl"><img src="https://avatars.githubusercontent.com/u/16709744?v=4?s=64" width="64px;" alt="andrewbihl"/><br /><sub><b>andrewbihl</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aandrewbihl" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lancepollard"><img src="https://avatars.githubusercontent.com/u/86631222?v=4?s=64" width="64px;" alt="lancepollard"/><br /><sub><b>lancepollard</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Alancepollard" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/gmukul01"><img src="https://avatars.githubusercontent.com/u/3636885?v=4?s=64" width="64px;" alt="Mukul Bansal"/><br /><sub><b>Mukul Bansal</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Agmukul01" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://127.0.0.1:8000/"><img src="https://avatars.githubusercontent.com/u/474302?v=4?s=64" width="64px;" alt="Jean-Luc Mongrain sur la Brosse"/><br /><sub><b>Jean-Luc Mongrain sur la Brosse</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jeanlucmongrain" title="Code">💻</a> <a href="#ideas-jeanlucmongrain" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/n1c"><img src="https://avatars.githubusercontent.com/u/284075?v=4?s=64" width="64px;" alt="Nic"/><br /><sub><b>Nic</b></sub></a><br /><a href="#content-n1c" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://valtism.com/"><img src="https://avatars.githubusercontent.com/u/1286001?v=4?s=64" width="64px;" alt="Dan Wood"/><br /><sub><b>Dan Wood</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=valtism" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.sixt.de/"><img src="https://avatars.githubusercontent.com/u/25299148?v=4?s=64" width="64px;" alt="jo wendenbuerger"/><br /><sub><b>jo wendenbuerger</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AWendenburg" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://nozillium.com/"><img src="https://avatars.githubusercontent.com/u/4774875?v=4?s=64" width="64px;" alt="Andrew Nosenko"/><br /><sub><b>Andrew Nosenko</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anoseratio" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/CharlieJhonSmith"><img src="https://avatars.githubusercontent.com/u/90845154?v=4?s=64" width="64px;" alt="CharlieJhonSmith"/><br /><sub><b>CharlieJhonSmith</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=CharlieJhonSmith" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://keybase.io/soullivaneuh"><img src="https://avatars.githubusercontent.com/u/1698357?v=4?s=64" width="64px;" alt="Sullivan SENECHAL"/><br /><sub><b>Sullivan SENECHAL</b></sub></a><br /><a href="#ideas-soullivaneuh" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asoullivaneuh" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=soullivaneuh" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jaslong"><img src="https://avatars.githubusercontent.com/u/797348?v=4?s=64" width="64px;" alt="Jason Long"/><br /><sub><b>Jason Long</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajaslong" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kxm766"><img src="https://avatars.githubusercontent.com/u/88443148?v=4?s=64" width="64px;" alt="kxm766"/><br /><sub><b>kxm766</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Akxm766" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://qlaffont.com/"><img src="https://avatars.githubusercontent.com/u/10044790?v=4?s=64" width="64px;" alt="Quentin"/><br /><sub><b>Quentin</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=qlaffont" title="Code">💻</a> <a href="#ideas-qlaffont" title="Ideas, Planning, & Feedback">🤔</a> <a href="#content-qlaffont" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ducktordanny"><img src="https://avatars.githubusercontent.com/u/38068717?v=4?s=64" width="64px;" alt="Daniel Lazar"/><br /><sub><b>Daniel Lazar</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ducktordanny" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aducktordanny" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mterrel"><img src="https://avatars.githubusercontent.com/u/17746857?v=4?s=64" width="64px;" alt="Mark Terrel"/><br /><sub><b>Mark Terrel</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amterrel" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=mterrel" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mendrik"><img src="https://avatars.githubusercontent.com/u/160805?v=4?s=64" width="64px;" alt="Andreas Herd"/><br /><sub><b>Andreas Herd</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amendrik" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://sonjoydatta.me/"><img src="https://avatars.githubusercontent.com/u/49079726?v=4?s=64" width="64px;" alt="Sonjoy Datta"/><br /><sub><b>Sonjoy Datta</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=sonjoydatta" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/oluckyman"><img src="https://avatars.githubusercontent.com/u/642673?v=4?s=64" width="64px;" alt="Ilya Belsky"/><br /><sub><b>Ilya Belsky</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aoluckyman" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://jamesbarrett.io/"><img src="https://avatars.githubusercontent.com/u/42980207?v=4?s=64" width="64px;" alt="James Barrett"/><br /><sub><b>James Barrett</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=JamesBarrettDev" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/AbbalYouness"><img src="https://avatars.githubusercontent.com/u/15120524?v=4?s=64" width="64px;" alt="AbbalYouness"/><br /><sub><b>AbbalYouness</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=AbbalYouness" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/DidrikLind"><img src="https://avatars.githubusercontent.com/u/14201715?v=4?s=64" width="64px;" alt="didriklind"/><br /><sub><b>didriklind</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=DidrikLind" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=DidrikLind" title="Tests">⚠️</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/hexp1989"><img src="https://avatars.githubusercontent.com/u/2241985?v=4?s=64" width="64px;" alt="hexp1989"/><br /><sub><b>hexp1989</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=hexp1989" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/alvaro-serrano-rivas/"><img src="https://avatars.githubusercontent.com/u/43758471?v=4?s=64" width="64px;" alt="Alvaro Serrano"/><br /><sub><b>Alvaro Serrano</b></sub></a><br /><a href="#content-alvaroserrrano" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/egehandulger"><img src="https://avatars.githubusercontent.com/u/14878259?v=4?s=64" width="64px;" alt="Egehan Dülger"/><br /><sub><b>Egehan Dülger</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=egehandulger" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/PabloLION"><img src="https://avatars.githubusercontent.com/u/36828324?v=4?s=64" width="64px;" alt="PabloLION"/><br /><sub><b>PabloLION</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3APabloLION" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=PabloLION" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://davidsanchez.me/"><img src="https://avatars.githubusercontent.com/u/84061?v=4?s=64" width="64px;" alt="David Sanchez"/><br /><sub><b>David Sanchez</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aemulienfou" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/AjayTheWizard"><img src="https://avatars.githubusercontent.com/u/92772740?v=4?s=64" width="64px;" alt="Ajay Raja"/><br /><sub><b>Ajay Raja</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AAjayTheWizard" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://andymerskin.com/"><img src="https://avatars.githubusercontent.com/u/758090?v=4?s=64" width="64px;" alt="Andy Merskin"/><br /><sub><b>Andy Merskin</b></sub></a><br /><a href="#ideas-docmars" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/GrayGalaxy"><img src="https://avatars.githubusercontent.com/u/49820575?v=4?s=64" width="64px;" alt="Avirup Ghosh"/><br /><sub><b>Avirup Ghosh</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=GrayGalaxy" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AGrayGalaxy" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tilnea"><img src="https://avatars.githubusercontent.com/u/3692320?v=4?s=64" width="64px;" alt="Sanne Wintrén"/><br /><sub><b>Sanne Wintrén</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Atilnea" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://lacolonia.studio/"><img src="https://avatars.githubusercontent.com/u/1528468?v=4?s=64" width="64px;" alt="Alessandro"/><br /><sub><b>Alessandro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aa-barbieri" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/atatarenko"><img src="https://avatars.githubusercontent.com/u/9846273?v=4?s=64" width="64px;" alt="Andrey Tatarenko"/><br /><sub><b>Andrey Tatarenko</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aatatarenko" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/arusak"><img src="https://avatars.githubusercontent.com/u/4231915?v=4?s=64" width="64px;" alt="Anton Rusak"/><br /><sub><b>Anton Rusak</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aarusak" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/createdbymahmood"><img src="https://avatars.githubusercontent.com/u/40164360?v=4?s=64" width="64px;" alt="Mahmood Bagheri"/><br /><sub><b>Mahmood Bagheri</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=createdbymahmood" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://wpowner.com/"><img src="https://avatars.githubusercontent.com/u/506491?v=4?s=64" width="64px;" alt="Anver Sadutt"/><br /><sub><b>Anver Sadutt</b></sub></a><br /><a href="#content-anver" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/bogdanailincaipnt"><img src="https://avatars.githubusercontent.com/u/93596663?v=4?s=64" width="64px;" alt="Bogdan Ailincai"/><br /><sub><b>Bogdan Ailincai</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=bogdanailincaipnt" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/SimeonGriggs"><img src="https://avatars.githubusercontent.com/u/9684022?v=4?s=64" width="64px;" alt="Simeon Griggs"/><br /><sub><b>Simeon Griggs</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ASimeonGriggs" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Kepro"><img src="https://avatars.githubusercontent.com/u/1714370?v=4?s=64" width="64px;" alt="Kepro"/><br /><sub><b>Kepro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AKepro" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Jake-Lippert"><img src="https://avatars.githubusercontent.com/u/17753127?v=4?s=64" width="64px;" alt="Jake Lippert"/><br /><sub><b>Jake Lippert</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AJake-Lippert" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/TunA-Kai"><img src="https://avatars.githubusercontent.com/u/92641762?v=4?s=64" width="64px;" alt="Tu Nguyen Anh"/><br /><sub><b>Tu Nguyen Anh</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ATunA-Kai" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=TunA-Kai" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/skve"><img src="https://avatars.githubusercontent.com/u/47612057?v=4?s=64" width="64px;" alt="Luke Shiels"/><br /><sub><b>Luke Shiels</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Askve" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/SleLLl"><img src="https://avatars.githubusercontent.com/u/66108429?v=4?s=64" width="64px;" alt="Sergei Kolyago"/><br /><sub><b>Sergei Kolyago</b></sub></a><br /><a href="#ideas-SleLLl" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/adhamaa"><img src="https://avatars.githubusercontent.com/u/50027371?v=4?s=64" width="64px;" alt="Adham Akmal Azmi"/><br /><sub><b>Adham Akmal Azmi</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aadhamaa" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/alex-kowalczyk"><img src="https://avatars.githubusercontent.com/u/7422175?v=4?s=64" width="64px;" alt="Alek Kowalczyk"/><br /><sub><b>Alek Kowalczyk</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aalex-kowalczyk" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Scalahansolo"><img src="https://avatars.githubusercontent.com/u/4317253?v=4?s=64" width="64px;" alt="Sean Callahan"/><br /><sub><b>Sean Callahan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AScalahansolo" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jbean96"><img src="https://avatars.githubusercontent.com/u/22803097?v=4?s=64" width="64px;" alt="Joshua Bean"/><br /><sub><b>Joshua Bean</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jbean96" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajbean96" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ZhaoTim"><img src="https://avatars.githubusercontent.com/u/30540533?v=4?s=64" width="64px;" alt="Tim Zhao"/><br /><sub><b>Tim Zhao</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AZhaoTim" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/patryk-smc"><img src="https://avatars.githubusercontent.com/u/37963339?v=4?s=64" width="64px;" alt="Patrick"/><br /><sub><b>Patrick</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Apatryk-smc" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://bryce.io/"><img src="https://avatars.githubusercontent.com/u/3171252?v=4?s=64" width="64px;" alt="Bryce Dorn"/><br /><sub><b>Bryce Dorn</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=brycedorn" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/angusd3v"><img src="https://avatars.githubusercontent.com/u/52683145?v=4?s=64" width="64px;" alt="angusd3v"/><br /><sub><b>angusd3v</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=angusd3v" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ddisimone"><img src="https://avatars.githubusercontent.com/u/78792352?v=4?s=64" width="64px;" alt="Davide Di Simone"/><br /><sub><b>Davide Di Simone</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Addisimone" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jherr"><img src="https://avatars.githubusercontent.com/u/22392?v=4?s=64" width="64px;" alt="Jack Herrington"/><br /><sub><b>Jack Herrington</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajherr" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://sharvit.github.io/"><img src="https://avatars.githubusercontent.com/u/1262502?v=4?s=64" width="64px;" alt="Avi Sharvit"/><br /><sub><b>Avi Sharvit</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=sharvit" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asharvit" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/nmaties"><img src="https://avatars.githubusercontent.com/u/16613184?v=4?s=64" width="64px;" alt="Nicolae Maties"/><br /><sub><b>Nicolae Maties</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anmaties" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/secretshardul"><img src="https://avatars.githubusercontent.com/u/49580849?v=4?s=64" width="64px;" alt="Shardul Aeer"/><br /><sub><b>Shardul Aeer</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asecretshardul" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/herlon214"><img src="https://avatars.githubusercontent.com/u/3419441?v=4?s=64" width="64px;" alt="Herlon Aguiar"/><br /><sub><b>Herlon Aguiar</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aherlon214" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/alexisoney"><img src="https://avatars.githubusercontent.com/u/28802989?v=4?s=64" width="64px;" alt="Alexis Oney"/><br /><sub><b>Alexis Oney</b></sub></a><br /><a href="#content-alexisoney" title="Content">🖋</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://convictional.com/"><img src="https://avatars.githubusercontent.com/u/96080054?v=4?s=64" width="64px;" alt="curtvict"/><br /><sub><b>curtvict</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=curtvict" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/JoshuaCS94"><img src="https://avatars.githubusercontent.com/u/23385700?v=4?s=64" width="64px;" alt="Josué Cortina"/><br /><sub><b>Josué Cortina</b></sub></a><br /><a href="#content-JoshuaCS94" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://katt.dev/"><img src="https://avatars.githubusercontent.com/u/459267?v=4?s=64" width="64px;" alt="Alex / KATT"/><br /><sub><b>Alex / KATT</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=KATT" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/modex98"><img src="https://avatars.githubusercontent.com/u/72814784?v=4?s=64" width="64px;" alt="Mourad EL CADI"/><br /><sub><b>Mourad EL CADI</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=modex98" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amodex98" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Guesswhoitis"><img src="https://avatars.githubusercontent.com/u/63756285?v=4?s=64" width="64px;" alt="James Hulena"/><br /><sub><b>James Hulena</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AGuesswhoitis" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://hailwood.nz/"><img src="https://avatars.githubusercontent.com/u/709773?v=4?s=64" width="64px;" alt="Matthew Hailwood"/><br /><sub><b>Matthew Hailwood</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=hailwood" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Ahailwood" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mike247"><img src="https://avatars.githubusercontent.com/u/676071?v=4?s=64" width="64px;" alt="Michael Norrie"/><br /><sub><b>Michael Norrie</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amike247" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/valentinpolitov"><img src="https://avatars.githubusercontent.com/u/39585375?v=4?s=64" width="64px;" alt="Valentin Politov"/><br /><sub><b>Valentin Politov</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=valentinpolitov" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/marnusw"><img src="https://avatars.githubusercontent.com/u/971499?v=4?s=64" width="64px;" alt="Marnus Weststrate"/><br /><sub><b>Marnus Weststrate</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=marnusw" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mancuoj"><img src="https://avatars.githubusercontent.com/u/45707684?v=4?s=64" width="64px;" alt="mancuoj"/><br /><sub><b>mancuoj</b></sub></a><br /><a href="#content-mancuoj" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.chatsumlin.com/"><img src="https://avatars.githubusercontent.com/u/3067479?v=4?s=64" width="64px;" alt="Chat Sumlin"/><br /><sub><b>Chat Sumlin</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jcsumlin" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/owenshaupt"><img src="https://avatars.githubusercontent.com/u/52288188?v=4?s=64" width="64px;" alt="Owen Haupt"/><br /><sub><b>Owen Haupt</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aowenshaupt" title="Bug reports">🐛</a> <a href="#content-owenshaupt" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ubarbaxor"><img src="https://avatars.githubusercontent.com/u/26365493?v=4?s=64" width="64px;" alt="ubarbaxor"/><br /><sub><b>ubarbaxor</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ubarbaxor" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://michael.mior.ca/"><img src="https://avatars.githubusercontent.com/u/82501?v=4?s=64" width="64px;" alt="Michael Mior"/><br /><sub><b>Michael Mior</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amichaelmior" title="Bug reports">🐛</a> <a href="#content-michaelmior" title="Content">🖋</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/pkhodaveissi"><img src="https://avatars.githubusercontent.com/u/4170795?v=4?s=64" width="64px;" alt="Pierre"/><br /><sub><b>Pierre</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=pkhodaveissi" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/harrywebdev"><img src="https://avatars.githubusercontent.com/u/3617415?v=4?s=64" width="64px;" alt="Harry B"/><br /><sub><b>Harry B</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aharrywebdev" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/valyrie97"><img src="https://avatars.githubusercontent.com/u/6365746?v=4?s=64" width="64px;" alt="Valerie"/><br /><sub><b>Valerie</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Avalyrie97" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=valyrie97" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://svachon.com/"><img src="https://avatars.githubusercontent.com/u/170197?v=4?s=64" width="64px;" alt="Steven Vachon"/><br /><sub><b>Steven Vachon</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=stevenvachon" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/sskirby"><img src="https://avatars.githubusercontent.com/u/25760?v=4?s=64" width="64px;" alt="Sean Kirby"/><br /><sub><b>Sean Kirby</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=sskirby" title="Tests">⚠️</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=sskirby" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/AlecsFarias"><img src="https://avatars.githubusercontent.com/u/91743821?v=4?s=64" width="64px;" alt="Alecsander Farias"/><br /><sub><b>Alecsander Farias</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=AlecsFarias" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://blankparticle.in/"><img src="https://avatars.githubusercontent.com/u/130567419?v=4?s=64" width="64px;" alt="Rahul Mishra"/><br /><sub><b>Rahul Mishra</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=BlankParticle" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3ABlankParticle" title="Reviewed Pull Requests">👀</a> <a href="#content-BlankParticle" title="Content">🖋</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/bryantcodesart"><img src="https://avatars.githubusercontent.com/u/14097078?v=4?s=64" width="64px;" alt="Bryant Smith"/><br /><sub><b>Bryant Smith</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=bryantcodesart" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Abryantcodesart" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/RobHannay"><img src="https://avatars.githubusercontent.com/u/609062?v=4?s=64" width="64px;" alt="Rob Hannay"/><br /><sub><b>Rob Hannay</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=RobHannay" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/hooriza"><img src="https://avatars.githubusercontent.com/u/507927?v=4?s=64" width="64px;" alt="Hooriza"/><br /><sub><b>Hooriza</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=hooriza" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ahooriza" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ShanSenanayake"><img src="https://avatars.githubusercontent.com/u/8779685?v=4?s=64" width="64px;" alt="ShanSenanayake"/><br /><sub><b>ShanSenanayake</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ShanSenanayake" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/philipgher"><img src="https://avatars.githubusercontent.com/u/32325241?v=4?s=64" width="64px;" alt="Philip Ghering"/><br /><sub><b>Philip Ghering</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=philipgher" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ladislasdellinger"><img src="https://avatars.githubusercontent.com/u/111739019?v=4?s=64" width="64px;" alt="Ladislas Dellinger"/><br /><sub><b>Ladislas Dellinger</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ladislasdellinger" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/TheHaff"><img src="https://avatars.githubusercontent.com/u/2486653?v=4?s=64" width="64px;" alt="Haff"/><br /><sub><b>Haff</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=TheHaff" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lisandro52"><img src="https://avatars.githubusercontent.com/u/5612241?v=4?s=64" width="64px;" alt="Lisandro"/><br /><sub><b>Lisandro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=lisandro52" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/amirking59"><img src="https://avatars.githubusercontent.com/u/58273240?v=4?s=64" width="64px;" alt="Amir hossein rezaei"/><br /><sub><b>Amir hossein rezaei</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=amirking59" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/nmacianx"><img src="https://avatars.githubusercontent.com/u/40004186?v=4?s=64" width="64px;" alt="Nicolas Macian"/><br /><sub><b>Nicolas Macian</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anmacianx" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=nmacianx" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://dreamsof.dev/"><img src="https://avatars.githubusercontent.com/u/13162026?v=4?s=64" width="64px;" alt="Nate Forsyth"/><br /><sub><b>Nate Forsyth</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=nateforsyth" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/satelllte"><img src="https://avatars.githubusercontent.com/u/20585619?v=4?s=64" width="64px;" alt="satelllte"/><br /><sub><b>satelllte</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=satelllte" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asatelllte" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/fedemp"><img src="https://avatars.githubusercontent.com/u/735314?v=4?s=64" width="64px;" alt="Federico Panico"/><br /><sub><b>Federico Panico</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=fedemp" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/iamwillnbcu"><img src="https://avatars.githubusercontent.com/u/137317773?v=4?s=64" width="64px;" alt="William Pei Yuan"/><br /><sub><b>William Pei Yuan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=iamwillnbcu" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://www.gazeta-cu-anunturi.ro/"><img src="https://avatars.githubusercontent.com/u/757999?v=4?s=64" width="64px;" alt="Mihai"/><br /><sub><b>Mihai</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=DarkAng3L" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ADarkAng3L" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://habib.ogunsola.me/"><img src="https://avatars.githubusercontent.com/u/39172573?v=4?s=64" width="64px;" alt="Habib Ogunsola"/><br /><sub><b>Habib Ogunsola</b></sub></a><br /><a href="#content-ogunsolahabib" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://ashfurrow.com/"><img src="https://avatars.githubusercontent.com/u/498212?v=4?s=64" width="64px;" alt="Ash Furrow"/><br /><sub><b>Ash Furrow</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ashfurrow" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://turus.ro/"><img src="https://avatars.githubusercontent.com/u/32390499?v=4?s=64" width="64px;" alt="Daniel Turuș"/><br /><sub><b>Daniel Turuș</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=danielturus" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/rahulchaudhary2244/"><img src="https://avatars.githubusercontent.com/u/54467972?v=4?s=64" width="64px;" alt="Rahul Chaudhary"/><br /><sub><b>Rahul Chaudhary</b></sub></a><br /><a href="#content-rahulchaudhary2244" title="Content">🖋</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Arahulchaudhary2244" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Joshyahweh"><img src="https://avatars.githubusercontent.com/u/61137067?v=4?s=64" width="64px;" alt="Joshua Ojoawo"/><br /><sub><b>Joshua Ojoawo</b></sub></a><br /><a href="#ideas-Joshyahweh" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AJoshyahweh" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://jackdh.com/"><img src="https://avatars.githubusercontent.com/u/1907451?v=4?s=64" width="64px;" alt="Jack"/><br /><sub><b>Jack</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jackdh" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jonlinkens"><img src="https://avatars.githubusercontent.com/u/20417521?v=4?s=64" width="64px;" alt="Jon Linkens"/><br /><sub><b>Jon Linkens</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jonlinkens" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajonlinkens" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://velog.io/@ojj1123"><img src="https://avatars.githubusercontent.com/u/33178048?v=4?s=64" width="64px;" alt="Jeongjin Oh"/><br /><sub><b>Jeongjin Oh</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aojj1123" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tli26"><img src="https://avatars.githubusercontent.com/u/114947190?v=4?s=64" width="64px;" alt="Tianning Li"/><br /><sub><b>Tianning Li</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=tli26" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://larsartmann.com/"><img src="https://avatars.githubusercontent.com/u/23587853?v=4?s=64" width="64px;" alt="Lars Artmann"/><br /><sub><b>Lars Artmann</b></sub></a><br /><a href="#content-LarsArtmann" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/KBobovskiy"><img src="https://avatars.githubusercontent.com/u/35502578?v=4?s=64" width="64px;" alt="KBobovskiy"/><br /><sub><b>KBobovskiy</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=KBobovskiy" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ryngonzalez"><img src="https://avatars.githubusercontent.com/u/635300?v=4?s=64" width="64px;" alt="✨ Kathryn Gonzalez ✨"/><br /><sub><b>✨ Kathryn Gonzalez ✨</b></sub></a><br /><a href="#content-ryngonzalez" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/slavik-chapelskyi"><img src="https://avatars.githubusercontent.com/u/33541009?v=4?s=64" width="64px;" alt="Yaroslav Chapelskyi"/><br /><sub><b>Yaroslav Chapelskyi</b></sub></a><br /><a href="#content-slavik-chapelskyi" title="Content">🖋</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/sverps"><img src="https://avatars.githubusercontent.com/u/15879327?v=4?s=64" width="64px;" alt="Samuel Van Erps"/><br /><sub><b>Samuel Van Erps</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Asverps" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ojolowoblue"><img src="https://avatars.githubusercontent.com/u/104099474?v=4?s=64" width="64px;" alt="ojolowoblue"/><br /><sub><b>ojolowoblue</b></sub></a><br /><a href="#content-ojolowoblue" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://short.io/"><img src="https://avatars.githubusercontent.com/u/75169?v=4?s=64" width="64px;" alt="Andrii Kostenko"/><br /><sub><b>Andrii Kostenko</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=gugu" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/AkeemAllen"><img src="https://avatars.githubusercontent.com/u/32404761?v=4?s=64" width="64px;" alt="Akeem Allen"/><br /><sub><b>Akeem Allen</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=AkeemAllen" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AAkeemAllen" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/trongbinh15"><img src="https://avatars.githubusercontent.com/u/43725147?v=4?s=64" width="64px;" alt="trongbinhnguyen"/><br /><sub><b>trongbinhnguyen</b></sub></a><br /><a href="#content-trongbinh15" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://lawlesx.vercel.app/"><img src="https://avatars.githubusercontent.com/u/52166437?v=4?s=64" width="64px;" alt="Aniruddha Sil"/><br /><sub><b>Aniruddha Sil</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=lawlesx" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/okinawaa"><img src="https://avatars.githubusercontent.com/u/69495129?v=4?s=64" width="64px;" alt="박찬혁"/><br /><sub><b>박찬혁</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Aokinawaa" title="Reviewed Pull Requests">👀</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://anishchhetri.com.np/"><img src="https://avatars.githubusercontent.com/u/98446102?v=4?s=64" width="64px;" alt="Anish"/><br /><sub><b>Anish</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=novanish" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://hutri.fi/"><img src="https://avatars.githubusercontent.com/u/55588133?v=4?s=64" width="64px;" alt="Hugo Hutri"/><br /><sub><b>Hugo Hutri</b></sub></a><br /><a href="#content-hugohutri" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://balzguenat.ch/"><img src="https://avatars.githubusercontent.com/u/6719014?v=4?s=64" width="64px;" alt="Balz Guenat"/><br /><sub><b>Balz Guenat</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=BalzGuenat" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ottergeorge"><img src="https://avatars.githubusercontent.com/u/108759685?v=4?s=64" width="64px;" alt="OtterGeorge"/><br /><sub><b>OtterGeorge</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ottergeorge" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/samay-rgb"><img src="https://avatars.githubusercontent.com/u/73112080?v=4?s=64" width="64px;" alt="Samay Sagar"/><br /><sub><b>Samay Sagar</b></sub></a><br /><a href="#content-samay-rgb" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/pedrobslisboa"><img src="https://avatars.githubusercontent.com/u/35539594?v=4?s=64" width="64px;" alt="Pedro Lisboa"/><br /><sub><b>Pedro Lisboa</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Apedrobslisboa" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/henriqemalheiros"><img src="https://avatars.githubusercontent.com/u/23730762?v=4?s=64" width="64px;" alt="Henrique Malheiros"/><br /><sub><b>Henrique Malheiros</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ahenriqemalheiros" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://www.unfocus.com/"><img src="https://avatars.githubusercontent.com/u/245825?v=4?s=64" width="64px;" alt="Kevin Newman"/><br /><sub><b>Kevin Newman</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=CaptainN" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/a503189"><img src="https://avatars.githubusercontent.com/u/28802989?v=4?s=64" width="64px;" alt="a503189"/><br /><sub><b>a503189</b></sub></a><br /><a href="#content-a503189" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://t.me/mouradelcadi"><img src="https://avatars.githubusercontent.com/u/72814784?v=4?s=64" width="64px;" alt="Mourad EL CADI"/><br /><sub><b>Mourad EL CADI</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=mod7ex" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Lop3sPedro"><img src="https://avatars.githubusercontent.com/u/89090945?v=4?s=64" width="64px;" alt="Pedro Henrique Lopes"/><br /><sub><b>Pedro Henrique Lopes</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Lop3sPedro" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/danbiilee"><img src="https://avatars.githubusercontent.com/u/53761241?v=4?s=64" width="64px;" alt="Danbi Lee"/><br /><sub><b>Danbi Lee</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=danbiilee" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/cojennin"><img src="https://avatars.githubusercontent.com/u/1888152?v=4?s=64" width="64px;" alt="Connor Jennings"/><br /><sub><b>Connor Jennings</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=cojennin" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lgxm3z"><img src="https://avatars.githubusercontent.com/u/28831375?v=4?s=64" width="64px;" alt="Lucas Gomes"/><br /><sub><b>Lucas Gomes</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Algxm3z" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=lgxm3z" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/zaggino"><img src="https://avatars.githubusercontent.com/u/1067319?v=4?s=64" width="64px;" alt="Martin Zagora"/><br /><sub><b>Martin Zagora</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=zaggino" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kvdo2"><img src="https://avatars.githubusercontent.com/u/78251524?v=4?s=64" width="64px;" alt="KvD"/><br /><sub><b>KvD</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=kvdo2" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/SupraSmooth"><img src="https://avatars.githubusercontent.com/u/18029247?v=4?s=64" width="64px;" alt="Alex"/><br /><sub><b>Alex</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=SupraSmooth" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kaceycleveland"><img src="https://avatars.githubusercontent.com/u/88064187?v=4?s=64" width="64px;" alt="Kacey Cleveland"/><br /><sub><b>Kacey Cleveland</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Akaceycleveland" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/oviirup"><img src="https://avatars.githubusercontent.com/u/49820575?v=4?s=64" width="64px;" alt="Avirup Ghosh"/><br /><sub><b>Avirup Ghosh</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aoviirup" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/yabbal"><img src="https://avatars.githubusercontent.com/u/15120524?v=4?s=64" width="64px;" alt="yabbal"/><br /><sub><b>yabbal</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=yabbal" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://patik.com/"><img src="https://avatars.githubusercontent.com/u/262137?v=4?s=64" width="64px;" alt="Craig Patik"/><br /><sub><b>Craig Patik</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Apatik" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Silverium"><img src="https://avatars.githubusercontent.com/u/10578392?v=4?s=64" width="64px;" alt="Soldeplata Saketos Candela"/><br /><sub><b>Soldeplata Saketos Candela</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Silverium" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/TENDOUZHI"><img src="https://avatars.githubusercontent.com/u/82806526?v=4?s=64" width="64px;" alt="TENDOUZHI"/><br /><sub><b>TENDOUZHI</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ATENDOUZHI" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/wachulski"><img src="https://avatars.githubusercontent.com/u/1669844?v=4?s=64" width="64px;" alt="Marcin Wachulski"/><br /><sub><b>Marcin Wachulski</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Awachulski" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://salmans.work/"><img src="https://avatars.githubusercontent.com/u/15085416?v=4?s=64" width="64px;" alt="Salman Fazal"/><br /><sub><b>Salman Fazal</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asalmanfazal01" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/shrugs"><img src="https://avatars.githubusercontent.com/u/1535001?v=4?s=64" width="64px;" alt="shrugs"/><br /><sub><b>shrugs</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ashrugs" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Hyodori04"><img src="https://avatars.githubusercontent.com/u/57362573?v=4?s=64" width="64px;" alt="hyodori"/><br /><sub><b>hyodori</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AHyodori04" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/eleazareramos"><img src="https://avatars.githubusercontent.com/u/25910203?v=4?s=64" width="64px;" alt="Eleazar “E” Ramos"/><br /><sub><b>Eleazar “E” Ramos</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aeleazareramos" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/retnag"><img src="https://avatars.githubusercontent.com/u/18302198?v=4?s=64" width="64px;" alt="retnag"/><br /><sub><b>retnag</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aretnag" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://jaeyoung.dev/"><img src="https://avatars.githubusercontent.com/u/55247450?v=4?s=64" width="64px;" alt="J young Lee"/><br /><sub><b>J young Lee</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Abeefiker" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/fiws"><img src="https://avatars.githubusercontent.com/u/3409958?v=4?s=64" width="64px;" alt="Filip Weiss"/><br /><sub><b>Filip Weiss</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Afiws" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://mariusgundersen.net/"><img src="https://avatars.githubusercontent.com/u/464152?v=4?s=64" width="64px;" alt="Marius Gundersen"/><br /><sub><b>Marius Gundersen</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AmariusGundersen" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/VenomFate-619"><img src="https://avatars.githubusercontent.com/u/67755128?v=4?s=64" width="64px;" alt="Syed Aman Ali"/><br /><sub><b>Syed Aman Ali</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AVenomFate-619" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://ingadi.work/"><img src="https://avatars.githubusercontent.com/u/6121225?v=4?s=64" width="64px;" alt="Axel Ingadi"/><br /><sub><b>Axel Ingadi</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aingadi" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/andyjphu"><img src="https://avatars.githubusercontent.com/u/51890861?v=4?s=64" width="64px;" alt="AndyP"/><br /><sub><b>AndyP</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aandyjphu" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ishanVaghasiya"><img src="https://avatars.githubusercontent.com/u/98661936?v=4?s=64" width="64px;" alt="ishanVaghasiya"/><br /><sub><b>ishanVaghasiya</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AishanVaghasiya" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/nico-martinucci"><img src="https://avatars.githubusercontent.com/u/80868741?v=4?s=64" width="64px;" alt="Nico Martinucci"/><br /><sub><b>Nico Martinucci</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anico-martinucci" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/technophile-04"><img src="https://avatars.githubusercontent.com/u/80153681?v=4?s=64" width="64px;" alt="Shiv Bhonde &#124; shivbhonde.eth"/><br /><sub><b>Shiv Bhonde &#124; shivbhonde.eth</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Atechnophile-04" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/fritzmonkey"><img src="https://avatars.githubusercontent.com/u/10103840?v=4?s=64" width="64px;" alt="fritzmonkey"/><br /><sub><b>fritzmonkey</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Afritzmonkey" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/rrmesquita"><img src="https://avatars.githubusercontent.com/u/30835404?v=4?s=64" width="64px;" alt="Rodrigo Mesquita"/><br /><sub><b>Rodrigo Mesquita</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Arrmesquita" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://moshe.io/"><img src="https://avatars.githubusercontent.com/u/534911?v=4?s=64" width="64px;" alt="Moshe Simantov"/><br /><sub><b>Moshe Simantov</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amoshest" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/BekaArabidze98"><img src="https://avatars.githubusercontent.com/u/122085038?v=4?s=64" width="64px;" alt="Beka"/><br /><sub><b>Beka</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ABekaArabidze98" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/abdofola"><img src="https://avatars.githubusercontent.com/u/30251052?v=4?s=64" width="64px;" alt="Abdallah Alkaser"/><br /><sub><b>Abdallah Alkaser</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aabdofola" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=abdofola" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/CarlosNZ"><img src="https://avatars.githubusercontent.com/u/5456533?v=4?s=64" width="64px;" alt="Carl Smith"/><br /><sub><b>Carl Smith</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ACarlosNZ" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ogroppo"><img src="https://avatars.githubusercontent.com/u/4820803?v=4?s=64" width="64px;" alt="Orlando Groppo"/><br /><sub><b>Orlando Groppo</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aogroppo" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/thany"><img src="https://avatars.githubusercontent.com/u/152227?v=4?s=64" width="64px;" alt="Martijn Saly"/><br /><sub><b>Martijn Saly</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Athany" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://quinn.io/"><img src="https://avatars.githubusercontent.com/u/3764?v=4?s=64" width="64px;" alt="Quinn Shanahan"/><br /><sub><b>Quinn Shanahan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aquinn" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://antoinek.fr/"><img src="https://avatars.githubusercontent.com/u/54948363?v=4?s=64" width="64px;" alt="Antoine Kingue"/><br /><sub><b>Antoine Kingue</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AAntoineKM" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/zanzlender"><img src="https://avatars.githubusercontent.com/u/44570474?v=4?s=64" width="64px;" alt="Žan Žlender"/><br /><sub><b>Žan Žlender</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Azanzlender" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/sebadom"><img src="https://avatars.githubusercontent.com/u/3877952?v=4?s=64" width="64px;" alt="Sebastian Dominguez"/><br /><sub><b>Sebastian Dominguez</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asebadom" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jmc420"><img src="https://avatars.githubusercontent.com/u/11723529?v=4?s=64" width="64px;" alt="James Cowan"/><br /><sub><b>James Cowan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajmc420" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/bayraak"><img src="https://avatars.githubusercontent.com/u/10470072?v=4?s=64" width="64px;" alt="Bayram Ali Basgul"/><br /><sub><b>Bayram Ali Basgul</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Abayraak" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://wyatt.castaneda.family/"><img src="https://avatars.githubusercontent.com/u/17957937?v=4?s=64" width="64px;" alt="Wyatt Castaneda"/><br /><sub><b>Wyatt Castaneda</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AWyattCast44" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tsnevillecom"><img src="https://avatars.githubusercontent.com/u/3151454?v=4?s=64" width="64px;" alt="Tim Neville"/><br /><sub><b>Tim Neville</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Atsnevillecom" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/shoooe"><img src="https://avatars.githubusercontent.com/u/733227?v=4?s=64" width="64px;" alt="Thomas Pigarelli"/><br /><sub><b>Thomas Pigarelli</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ashoooe" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jherdman"><img src="https://avatars.githubusercontent.com/u/3300?v=4?s=64" width="64px;" alt="James Herdman"/><br /><sub><b>James Herdman</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajherdman" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/pociej"><img src="https://avatars.githubusercontent.com/u/3854675?v=4?s=64" width="64px;" alt="Grzegorz Pociejewski"/><br /><sub><b>Grzegorz Pociejewski</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Apociej" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/flyon"><img src="https://avatars.githubusercontent.com/u/341567?v=4?s=64" width="64px;" alt="René Verheij"/><br /><sub><b>René Verheij</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aflyon" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/PatrykKuniczak"><img src="https://avatars.githubusercontent.com/u/64608510?v=4?s=64" width="64px;" alt="PatrykKuniczak"/><br /><sub><b>PatrykKuniczak</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3APatrykKuniczak" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://cromodder.github.io/"><img src="https://avatars.githubusercontent.com/u/7691110?v=4?s=64" width="64px;" alt="Paolo Božac"/><br /><sub><b>Paolo Božac</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ACroModder" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/reinos"><img src="https://avatars.githubusercontent.com/u/633730?v=4?s=64" width="64px;" alt="Rein"/><br /><sub><b>Rein</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Areinos" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/FloorianB"><img src="https://avatars.githubusercontent.com/u/110407858?v=4?s=64" width="64px;" alt="FloorianB"/><br /><sub><b>FloorianB</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AFloorianB" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/xuanhung1509"><img src="https://avatars.githubusercontent.com/u/89293664?v=4?s=64" width="64px;" alt="Xuan Hung"/><br /><sub><b>Xuan Hung</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Axuanhung1509" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://monawwar.io/"><img src="https://avatars.githubusercontent.com/u/31907722?v=4?s=64" width="64px;" alt="Monawwar Abdullah"/><br /><sub><b>Monawwar Abdullah</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amxvsh" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/haroldo-ok"><img src="https://avatars.githubusercontent.com/u/1457465?v=4?s=64" width="64px;" alt="Haroldo de Oliveira Pinheiro"/><br /><sub><b>Haroldo de Oliveira Pinheiro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aharoldo-ok" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://portfoliobytamjid.vercel.app/"><img src="https://avatars.githubusercontent.com/u/57794102?v=4?s=64" width="64px;" alt="Tamjid Ahmed"/><br /><sub><b>Tamjid Ahmed</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ATamjidAhmed10" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jv-lopez"><img src="https://avatars.githubusercontent.com/u/93750956?v=4?s=64" width="64px;" alt="jv-lopez"/><br /><sub><b>jv-lopez</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajv-lopez" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://macr.ae/"><img src="https://avatars.githubusercontent.com/u/472830?v=4?s=64" width="64px;" alt="Callum Macrae"/><br /><sub><b>Callum Macrae</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Acallumacrae" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/0529bill"><img src="https://avatars.githubusercontent.com/u/62455148?v=4?s=64" width="64px;" alt="bywater529"/><br /><sub><b>bywater529</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3A0529bill" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kevinxh"><img src="https://avatars.githubusercontent.com/u/10948652?v=4?s=64" width="64px;" alt="Kevin He"/><br /><sub><b>Kevin He</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Akevinxh" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/FredericoGauz"><img src="https://avatars.githubusercontent.com/u/18327882?v=4?s=64" width="64px;" alt="FredericoGauz"/><br /><sub><b>FredericoGauz</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AFredericoGauz" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.jonlemofficial.com/"><img src="https://avatars.githubusercontent.com/u/38771842?v=4?s=64" width="64px;" alt="Jonathan &quot;JonLem&quot; Lemos"/><br /><sub><b>Jonathan &quot;JonLem&quot; Lemos</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AJonLemOfficial" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/xegulon"><img src="https://avatars.githubusercontent.com/u/74178038?v=4?s=64" width="64px;" alt="Xegulon"/><br /><sub><b>Xegulon</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Axegulon" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/TomSmedley"><img src="https://avatars.githubusercontent.com/u/95056193?v=4?s=64" width="64px;" alt="Tom Smedley"/><br /><sub><b>Tom Smedley</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ATomSmedley" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lightbluepoppy"><img src="https://avatars.githubusercontent.com/u/65863981?v=4?s=64" width="64px;" alt="lightbluepoppy"/><br /><sub><b>lightbluepoppy</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Alightbluepoppy" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Dchole"><img src="https://avatars.githubusercontent.com/u/47068381?v=4?s=64" width="64px;" alt="Derek Oware"/><br /><sub><b>Derek Oware</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ADchole" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://fragmentedthought.com/"><img src="https://avatars.githubusercontent.com/u/12085479?v=4?s=64" width="64px;" alt="Lance Gliser"/><br /><sub><b>Lance Gliser</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Alancegliser" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lewxdev"><img src="https://avatars.githubusercontent.com/u/6710419?v=4?s=64" width="64px;" alt="J. Lewis"/><br /><sub><b>J. Lewis</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Alewxdev" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/yairy"><img src="https://avatars.githubusercontent.com/u/3206243?v=4?s=64" width="64px;" alt="Yair"/><br /><sub><b>Yair</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ayairy" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://firecamp.dev/"><img src="https://avatars.githubusercontent.com/u/5078921?v=4?s=64" width="64px;" alt="Nishchit"/><br /><sub><b>Nishchit</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ANishchit14" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Nejjer"><img src="https://avatars.githubusercontent.com/u/80219537?v=4?s=64" width="64px;" alt="Devofy"/><br /><sub><b>Devofy</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ANejjer" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://joshguyette.com/"><img src="https://avatars.githubusercontent.com/u/28668902?v=4?s=64" width="64px;" alt="Josh Guyette"/><br /><sub><b>Josh Guyette</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anightness" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/dora-ljh"><img src="https://avatars.githubusercontent.com/u/35205701?v=4?s=64" width="64px;" alt="Dora Li"/><br /><sub><b>Dora Li</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Adora-ljh" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kg-currenxie"><img src="https://avatars.githubusercontent.com/u/48229166?v=4?s=64" width="64px;" alt="Kristian Gerardsson"/><br /><sub><b>Kristian Gerardsson</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Akg-currenxie" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jdpt0"><img src="https://avatars.githubusercontent.com/u/19761394?v=4?s=64" width="64px;" alt="James Powell"/><br /><sub><b>James Powell</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajdpt0" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/boaz-poolman-662162115/"><img src="https://avatars.githubusercontent.com/u/9551934?v=4?s=64" width="64px;" alt="Boaz Poolman"/><br /><sub><b>Boaz Poolman</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aboazpoolman" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/roker15"><img src="https://avatars.githubusercontent.com/u/59526869?v=4?s=64" width="64px;" alt="roker15"/><br /><sub><b>roker15</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aroker15" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/fadhilx"><img src="https://avatars.githubusercontent.com/u/15516786?v=4?s=64" width="64px;" alt="Fadhil Ahmad"/><br /><sub><b>Fadhil Ahmad</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Afadhilx" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Chandler-Zhu"><img src="https://avatars.githubusercontent.com/u/61914365?v=4?s=64" width="64px;" alt="Chandler-Zhu"/><br /><sub><b>Chandler-Zhu</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AChandler-Zhu" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/nixjs"><img src="https://avatars.githubusercontent.com/u/23132483?v=4?s=64" width="64px;" alt="Nghi Nguyen"/><br /><sub><b>Nghi Nguyen</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anixjs" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ShravanSunder"><img src="https://avatars.githubusercontent.com/u/5294949?v=4?s=64" width="64px;" alt="Shravan Sunder"/><br /><sub><b>Shravan Sunder</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AShravanSunder" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Johannes5"><img src="https://avatars.githubusercontent.com/u/14299835?v=4?s=64" width="64px;" alt="Johannes5"/><br /><sub><b>Johannes5</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AJohannes5" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/sebahhpeya"><img src="https://avatars.githubusercontent.com/u/93996817?v=4?s=64" width="64px;" alt="sebahhpeya"/><br /><sub><b>sebahhpeya</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asebahhpeya" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://onezero.co.il/"><img src="https://avatars.githubusercontent.com/u/45389557?v=4?s=64" width="64px;" alt="Or Nakash"/><br /><sub><b>Or Nakash</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aornakash" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/hepiyellow"><img src="https://avatars.githubusercontent.com/u/6338722?v=4?s=64" width="64px;" alt="Erez Makavy"/><br /><sub><b>Erez Makavy</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ahepiyellow" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://andymerskin.com/"><img src="https://avatars.githubusercontent.com/u/758090?v=4?s=64" width="64px;" alt="Andy Merskin"/><br /><sub><b>Andy Merskin</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aandymerskin" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/chainalert-bot"><img src="https://avatars.githubusercontent.com/u/95303823?v=4?s=64" width="64px;" alt="ChainAlert Bot"/><br /><sub><b>ChainAlert Bot</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Achainalert-bot" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tmdesigned"><img src="https://avatars.githubusercontent.com/u/3608018?v=4?s=64" width="64px;" alt="Taylor Morgan"/><br /><sub><b>Taylor Morgan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Atmdesigned" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://abkabioye.me/"><img src="https://avatars.githubusercontent.com/u/18709032?v=4?s=64" width="64px;" alt="wisdomabioye"/><br /><sub><b>wisdomabioye</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Awisdomabioye" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.samtheq.com"><img src="https://avatars.githubusercontent.com/u/51345689?v=4?s=64" width="64px;" alt="Samuel Quiñones"/><br /><sub><b>Samuel Quiñones</b></sub></a><br /><a href="#ideas-SamuelQuinones" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ymc-maha"><img src="https://avatars.githubusercontent.com/u/697307?v=4?s=64" width="64px;" alt="Manuel"/><br /><sub><b>Manuel</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ymc-maha" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aymc-maha" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Yurchishin"><img src="https://avatars.githubusercontent.com/u/36650915?v=4?s=64" width="64px;" alt="Yurii Rybak"/><br /><sub><b>Yurii Rybak</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AYurchishin" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/iuriiiurevich"><img src="https://avatars.githubusercontent.com/u/15759600?v=4?s=64" width="64px;" alt="Yury Demin"/><br /><sub><b>Yury Demin</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aiuriiiurevich" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=iuriiiurevich" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://tewks.io/"><img src="https://avatars.githubusercontent.com/u/3970573?v=4?s=64" width="64px;" alt="Jon Tewksbury"/><br /><sub><b>Jon Tewksbury</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jontewks" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajontewks" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/novacdenis"><img src="https://avatars.githubusercontent.com/u/45555668?v=4?s=64" width="64px;" alt="Novac Denis"/><br /><sub><b>Novac Denis</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=novacdenis" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anovacdenis" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kyrylo-soulandwolf"><img src="https://avatars.githubusercontent.com/u/54762253?v=4?s=64" width="64px;" alt="kyrylo-soulandwolf"/><br /><sub><b>kyrylo-soulandwolf</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=kyrylo-soulandwolf" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Akyrylo-soulandwolf" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/misidoro"><img src="https://avatars.githubusercontent.com/u/3635023?v=4?s=64" width="64px;" alt="Miguel Isidoro"/><br /><sub><b>Miguel Isidoro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=misidoro" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://crowds.space/"><img src="https://avatars.githubusercontent.com/u/828918?v=4?s=64" width="64px;" alt="Yuriy Gromchenko"/><br /><sub><b>Yuriy Gromchenko</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=gromchen" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://jcbhmr.me"><img src="https://avatars.githubusercontent.com/u/61068799?v=4?s=64" width="64px;" alt="Jacob Hummer"/><br /><sub><b>Jacob Hummer</b></sub></a><br /><a href="#ideas-jcbhmr" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/k-melnychuk"><img src="https://avatars.githubusercontent.com/u/22131019?v=4?s=64" width="64px;" alt="Kyrylo Melnychuk"/><br /><sub><b>Kyrylo Melnychuk</b></sub></a><br /><a href="#content-k-melnychuk" title="Content">🖋</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=k-melnychuk" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/LumaKernel"><img src="https://avatars.githubusercontent.com/u/29811106?v=4?s=64" width="64px;" alt="Luma"/><br /><sub><b>Luma</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=LumaKernel" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Newbie012"><img src="https://avatars.githubusercontent.com/u/10504365?v=4?s=64" width="64px;" alt="Eliya Cohen"/><br /><sub><b>Eliya Cohen</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Newbie012" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/isumix"><img src="https://avatars.githubusercontent.com/u/16747416?v=4?s=64" width="64px;" alt="Igor Sukharev"/><br /><sub><b>Igor Sukharev</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aisumix" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/pookmish"><img src="https://avatars.githubusercontent.com/u/7185045?v=4?s=64" width="64px;" alt="pookmish"/><br /><sub><b>pookmish</b></sub></a><br /><a href="#ideas-pookmish" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/metav-drimz"><img src="https://avatars.githubusercontent.com/u/113976282?v=4?s=64" width="64px;" alt="metav-drimz"/><br /><sub><b>metav-drimz</b></sub></a><br /><a href="#ideas-metav-drimz" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://luckrnx09.com/"><img src="https://avatars.githubusercontent.com/u/113882203?v=4?s=64" width="64px;" alt="luckrnx09"/><br /><sub><b>luckrnx09</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=luckrnx09" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/RubyHuntsman"><img src="https://avatars.githubusercontent.com/u/24682602?v=4?s=64" width="64px;" alt="Hubert Kuczmierczyk"/><br /><sub><b>Hubert Kuczmierczyk</b></sub></a><br /><a href="#ideas-RubyHuntsman" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3ARubyHuntsman" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/dandubya"><img src="https://avatars.githubusercontent.com/u/67660308?v=4?s=64" width="64px;" alt="dandubya"/><br /><sub><b>dandubya</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=dandubya" title="Documentation">📖</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/LonelyFellas"><img src="https://avatars.githubusercontent.com/u/38754760?v=4?s=64" width="64px;" alt="Darwish"/><br /><sub><b>Darwish</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=LonelyFellas" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://www.jesuisjo.com/"><img src="https://avatars.githubusercontent.com/u/2046871?v=4?s=64" width="64px;" alt="Jonathan Raoult"/><br /><sub><b>Jonathan Raoult</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajraoult" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Ajraoult" title="Reviewed Pull Requests">👀</a></td>
    </tr>
  </tbody>
</table>

<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification ([emoji key](https://allcontributors.org/docs/en/emoji-key)). Contributions of any kind welcome!


================================================
FILE: .github/FUNDING.yml
================================================
# These are supported funding model platforms

github: [juliencrn]
# patreon: # Replace with a single Patreon username
# open_collective: #usehooks-ts # Replace with a single Open Collective username
# ko_fi: # Replace with a single Ko-fi username
# tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
# community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
# liberapay: # Replace with a single Liberapay username
# issuehunt: # Replace with a single IssueHunt username
# otechie: # Replace with a single Otechie username
# lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
custom: [
  "https://juliencaron.com/donate",
  "https://www.paypal.com/paypalme/juliencrn",
  "https://buy.stripe.com/fZefZY8Bv32cg9O3cc",
  "https://www.buymeacoffee.com/juliencrn"
]


================================================
FILE: .github/ISSUE_TEMPLATE/bug-report.yml
================================================
name: 'Bug report 🐞'
description: >-
  Create a report to help us improve
title: '[BUG]'
labels:
  - bug
body:
  - type: textarea
    id: describe_bug
    attributes:
      label: Describe the bug
      description: A clear and concise description of what the bug is. Include any error messages or unexpected behaviors.
    validations:
      required: true

  - type: textarea
    id: reproduce_steps
    attributes:
      label: To Reproduce
      description: Outline the steps to reproduce the issue. Be specific and include details like browser, OS, or any relevant configurations.
    validations:
      required: true

  - type: textarea
    id: expected_behavior
    attributes:
      label: Expected behavior
      description: Explain what you expected to happen.
    validations:
      required: true

  - type: textarea
    id: additional_context
    attributes:
      label: Additional context
      description: Include any other relevant information that might help understand the issue.


================================================
FILE: .github/ISSUE_TEMPLATE/config.yml
================================================
blank_issues_enabled: false
contact_links:
  - name: View documentation 📚
    url: https://usehooks-ts.com/
    about: Check out the official docs for answers to common questions.
  - name: Feature requests 💡
    url: https://github.com/juliencrn/usehooks-ts/discussions/categories/ideas
    about: Suggest a new React hook idea.
  - name: Questions 💭
    url: https://github.com/juliencrn/usehooks-ts/discussions/categories/help
    about: Need support with a React hook problem? Open up a help request.
  - name: Donate ❤️
    url: https://github.com/sponsors/juliencrn
    about: Love usehooks-ts? Show your support by donating today!


================================================
FILE: .github/ISSUE_TEMPLATE/update-docs.yml
================================================
name: Update docs ✍️
description: >-
  Find a mistake in our documentation, or have a suggestion to improve them? Let us know here.
labels:
  - documentation
body:
  - type: textarea
    id: description
    attributes:
      label: Describe the problem
      description: A clear and concise description of what is wrong in the documentation or what you would like to improve. Please include URLs to the pages you're referring to.
    validations:
      required: true
  - type: textarea
    id: context
    attributes:
      label: Additional context
      description: Add any other context about the problem here.


================================================
FILE: .github/workflows/ci.yml
================================================
name: Build and test

on:
  push:
    branches:
      - 'master'
  pull_request:

env:
  NODE_VERSION: 20
  PNPM_VERSION: 8

jobs:
  test:
    runs-on: ubuntu-latest
    timeout-minutes: 15
    steps:
      - name: Checkout code
        uses: actions/checkout@v4
        with:
          fetch-depth: 2

      - name: Setup Pnpm
        uses: pnpm/action-setup@v3
        with:
          version: ${{ env.PNPM_VERSION }}

      - name: Setup Node.js environment
        uses: actions/setup-node@v4
        with:
          node-version: ${{ env.NODE_VERSION }}
          cache: 'pnpm'
          cache-dependency-path: '**/pnpm-lock.yaml'

      - name: Install dependencies
        run: pnpm install --frozen-lockfile

      - name: Build
        run: pnpm build

      - name: Lint
        run: pnpm lint

      - name: Test
        run: pnpm test


================================================
FILE: .github/workflows/update-algolia-index.yml
================================================
name: Update Algolia index

on:
  push:
    branches:
      - master

env:
  NODE_VERSION: 20
  PNPM_VERSION: 8

jobs:
  run:
    runs-on: ubuntu-latest
    timeout-minutes: 15
    steps:
      - name: Checkout code
        uses: actions/checkout@v4
        with:
          fetch-depth: 2

      - name: Setup Pnpm
        uses: pnpm/action-setup@v3
        with:
          version: ${{ env.PNPM_VERSION }}

      - name: Setup Node.js environment
        uses: actions/setup-node@v4
        with:
          node-version: ${{ env.NODE_VERSION }}
          cache: 'pnpm'
          cache-dependency-path: '**/pnpm-lock.yaml'

      - name: Install dependencies
        run: pnpm install --frozen-lockfile

      - name: Build
        run: pnpm build

      - name: Generate documentation from JSDoc
        run: pnpm generate-doc

      - name: Update Algolia index
        env:
          ALGOLIA_APP_ID: ${{ secrets.ALGOLIA_APP_ID }}
          ALGOLIA_ADMIN_KEY: ${{ secrets.ALGOLIA_ADMIN_KEY }}
        run: pnpm update-algolia-index


================================================
FILE: .gitignore
================================================
node_modules

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
npm-debug.log*
*.tsbuildinfo

# Cache
.npm
.cache
.eslintcache
.turbo

# Compiled stuff
dist
generated

# Coverage
coverage

# dotenv environment variable files
.env*
!.env.example

# Output of 'npm pack'
*.tgz

# Mac files
.DS_Store

# Local Netlify folder
.netlify


================================================
FILE: .prettierignore
================================================
node_modules
templates
dist
.turbo
public
.cache
pnpm-lock.yaml
.changeset
.github
apps/www/.next


================================================
FILE: .prettierrc
================================================
{
  "arrowParens": "avoid",
  "semi": false,
  "printWidth": 80,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "all"
}


================================================
FILE: .vscode/settings.json
================================================
{
  "editor.formatOnSave": true,
  "editor.tabSize": 2,
  "files.encoding": "utf8",
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  "search.exclude": {
    "public/**": true,
    "node_modules/**": true,
    "coverage/**": true,
    "dist/**": true,
    "generated/**": true,
    ".cache/**": true,
    ".git/**": true,
    "**/package-lock.json": true,
    "**/pnpm-lock.yaml": true
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  "eslint.format.enable": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit",
    "source.fixAll": "explicit"
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "cSpell.words": [
    "algolia",
    "clsx",
    "cmdk",
    "contentlayer",
    "fira",
    "frontmatter",
    "gtag",
    "juliencrn",
    "lucide",
    "nextjs",
    "okaidia",
    "prismjs",
    "rehype",
    "tailwindcss",
    "UMAMI",
    "usehooks"
  ],
  "eslint.workingDirectories": [
    {
      "directory": "apps/www",
      "changeProcessCWD": true
    },
    {
      "directory": "packages/eslint-config-custom",
      "changeProcessCWD": true
    },
    {
      "directory": "packages/usehooks-ts",
      "changeProcessCWD": true
    }
  ],
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[yaml]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "files.associations": { "*.json": "jsonc" }
}


================================================
FILE: LICENSE
================================================
The MIT License (MIT)

Copyright (c) 2020 Julien CARON

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.



================================================
FILE: README.md
================================================
<img src="https://github.com/juliencrn/usehooks-ts/blob/master/.github/screenshot.png" alt="usehooks-ts banner" align="center" />

<br />

<div align="center">
<h1>usehooks-ts</h1>

<div>React hook library, ready to use, written in Typescript.</div>

<br />

<!-- Badges -->

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](code_of_conduct.md)
![NPM Downloads](https://img.shields.io/npm/dm/usehooks-ts)
![NPM Downloads](https://img.shields.io/npm/dt/usehooks-ts)
[![License](https://badgen.net/badge/License/MIT/blue)](https://github.com/juliencrn/usehooks-ts/blob/master/LICENSE)
![npm bundle size](https://img.shields.io/bundlephobia/minzip/usehooks-ts)
![npm](https://img.shields.io/npm/v/usehooks-ts)<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
[![All Contributors](https://img.shields.io/badge/all_contributors-253-orange.svg?style=flat-square)](#contributors-)

<!-- ALL-CONTRIBUTORS-BADGE:END -->

<br />
  <pre>npm i <a href="https://www.npmjs.com/package/usehooks-ts">usehooks-ts</a></pre>
  <br />

<div align="center">
  <sub>Created by <a href="https://github.com/juliencrn">Julien Caron</a> and maintained with ❤️ by an amazing <a href="#contributors">team of developers</a>.</sub>
</div>

</div>

<br />

## 💫 Introduction

useHooks(🔥).ts is a React hooks library, written in Typescript and easy to use. It provides a set of hooks that enables you to build your React applications faster. The hooks are built upon the principles of DRY (Don't Repeat Yourself). There are hooks for most common use cases you might need.

The library is designed to be as minimal as possible. It is fully tree-shakable (using the ESM version), meaning that you only import the hooks you need, and the rest will be removed from your bundle making the cost of using this library negligible. Most hooks are extensively tested and are being used in production environments.

### Usage example

```tsx
import { useLocalStorage } from 'usehooks-ts'

function Component() {
  const [value, setValue] = useLocalStorage('my-localStorage-key', 0)

  // ...
}
```

## 🪝 Available Hooks

<!-- HOOKS:START -->

- [`useBoolean`](https://usehooks-ts.com/react-hook/use-boolean) — handles boolean state with useful utility functions.
- [`useClickAnyWhere`](https://usehooks-ts.com/react-hook/use-click-any-where) — handles click events anywhere on the document.
- [`useCopyToClipboard`](https://usehooks-ts.com/react-hook/use-copy-to-clipboard) — copies text to the clipboard using the [Clipboard API](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API).
- [`useCountdown`](https://usehooks-ts.com/react-hook/use-countdown) — manages countdown.
- [`useCounter`](https://usehooks-ts.com/react-hook/use-counter) — manages a counter with increment, decrement, reset, and setCount functionalities.
- [`useDarkMode`](https://usehooks-ts.com/react-hook/use-dark-mode) — returns the current state of the dark mode.
- [`useDebounceCallback`](https://usehooks-ts.com/react-hook/use-debounce-callback) — creates a debounced version of a callback function.
- [`useDebounceValue`](https://usehooks-ts.com/react-hook/use-debounce-value) — returns a debounced version of the provided value, along with a function to update it.
- [`useDocumentTitle`](https://usehooks-ts.com/react-hook/use-document-title) — sets the document title.
- [`useEventCallback`](https://usehooks-ts.com/react-hook/use-event-callback) — creates a memoized event callback.
- [`useEventListener`](https://usehooks-ts.com/react-hook/use-event-listener) — attaches event listeners to DOM elements, the window, or media query lists.
- [`useHover`](https://usehooks-ts.com/react-hook/use-hover) — tracks whether a DOM element is being hovered over.
- [`useIntersectionObserver`](https://usehooks-ts.com/react-hook/use-intersection-observer) — tracks the intersection of a DOM element with its containing element or the viewport using the [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).
- [`useInterval`](https://usehooks-ts.com/react-hook/use-interval) — creates an interval that invokes a callback function at a specified delay using the [setInterval API](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval).
- [`useIsClient`](https://usehooks-ts.com/react-hook/use-is-client) — determines if the code is running on the client side (in the browser).
- [`useIsMounted`](https://usehooks-ts.com/react-hook/use-is-mounted) — determines if the component is currently mounted.
- [`useIsomorphicLayoutEffect`](https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect) — uses either useLayoutEffect or useEffect based on the environment (client-side or server-side).
- [`useLocalStorage`](https://usehooks-ts.com/react-hook/use-local-storage) — uses the [localStorage API](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) to persist state across page reloads.
- [`useMap`](https://usehooks-ts.com/react-hook/use-map) — manages a key-value [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) state with setter actions.
- [`useMediaQuery`](https://usehooks-ts.com/react-hook/use-media-query) — tracks the state of a media query using the [Match Media API](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).
- [`useOnClickOutside`](https://usehooks-ts.com/react-hook/use-on-click-outside) — handles clicks outside a specified element.
- [`useReadLocalStorage`](https://usehooks-ts.com/react-hook/use-read-local-storage) — reads a value from [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage), closely related to [useLocalStorage()](https://usehooks-ts.com/react-hook/use-local-storage).
- [`useResizeObserver`](https://usehooks-ts.com/react-hook/use-resize-observer) — observes the size of an element using the [ResizeObserver API](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).
- [`useScreen`](https://usehooks-ts.com/react-hook/use-screen) — tracks the [screen](https://developer.mozilla.org/en-US/docs/Web/API/Window/screen) dimensions and properties.
- [`useScript`](https://usehooks-ts.com/react-hook/use-script) — dynamically loads scripts and tracking their loading status.
- [`useScrollLock`](https://usehooks-ts.com/react-hook/use-scroll-lock) — A custom hook that locks and unlocks scroll.
- [`useSessionStorage`](https://usehooks-ts.com/react-hook/use-session-storage) — uses the [sessionStorage API](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage) to persist state across page reloads.
- [`useStep`](https://usehooks-ts.com/react-hook/use-step) — manages and navigates between steps in a multi-step process.
- [`useTernaryDarkMode`](https://usehooks-ts.com/react-hook/use-ternary-dark-mode) — manages ternary (system, dark, light) dark mode with local storage support.
- [`useTimeout`](https://usehooks-ts.com/react-hook/use-timeout) — handles timeouts in React components using the [setTimeout API](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout).
- [`useToggle`](https://usehooks-ts.com/react-hook/use-toggle) — manages a boolean toggle state in React components.
- [`useUnmount`](https://usehooks-ts.com/react-hook/use-unmount) — runs a cleanup function when the component is unmounted.
- [`useWindowSize`](https://usehooks-ts.com/react-hook/use-window-size) — tracks the size of the window.
<!-- HOOKS:END -->

## 💚 Backers

Big thanks go to all our backers! [[Become a backer](https://github.com/sponsors/juliencrn)]

<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tbody>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/getsentry"><img src="https://avatars.githubusercontent.com/u/1396951?v=4" width="100px;" alt="Sentry"/><br /><sub><b>Sentry</b></sub></a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/KATT"><img src="https://avatars.githubusercontent.com/u/459267?v=4" width="100px;" alt="KATT"/><br /><sub><b>KATT</b></sub></a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/adhiravishankar"><img src="https://avatars.githubusercontent.com/u/3884741?v=4" width="100px;" alt="Adhi Ravishankar"/><br /><sub><b>Adhi Ravishankar</b></sub></a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/great-work-told-is"><img src="https://avatars.githubusercontent.com/u/113922084?v=4" width="100px;" alt="great-work-told-is"/><br /><sub><b>great-work-told-is</b></sub></a></td>
    </tr>
  </tbody>
</table>
<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

## ✨ Contributors

Big thanks go to all our contributors! [[Become a contributor](https://github.com/juliencrn/usehooks-ts/blob/master/.github/CONTRIBUTING.md)]

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tbody>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/juliencrn"><img src="https://avatars.githubusercontent.com/u/14028029?v=4?s=64" width="64px;" alt="Julien"/><br /><sub><b>Julien</b></sub></a><br /><a href="#content-juliencrn" title="Content">🖋</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=juliencrn" title="Code">💻</a> <a href="#design-juliencrn" title="Design">🎨</a> <a href="#ideas-juliencrn" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/a777med"><img src="https://avatars.githubusercontent.com/u/15968280?v=4?s=64" width="64px;" alt="a777med"/><br /><sub><b>a777med</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=a777med" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://datkira.com/"><img src="https://avatars.githubusercontent.com/u/53250212?v=4?s=64" width="64px;" alt="Nguyen Tien Dat"/><br /><sub><b>Nguyen Tien Dat</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=datkira" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/elifer5000"><img src="https://avatars.githubusercontent.com/u/4311278?v=4?s=64" width="64px;" alt="Elias Cohenca"/><br /><sub><b>Elias Cohenca</b></sub></a><br /><a href="#content-elifer5000" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://joaov.com.br/"><img src="https://avatars.githubusercontent.com/u/17601527?v=4?s=64" width="64px;" alt="João Deroldo"/><br /><sub><b>João Deroldo</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajoaoderoldo" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=joaoderoldo" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Nishit-Dua"><img src="https://avatars.githubusercontent.com/u/35453301?v=4?s=64" width="64px;" alt="Nishit"/><br /><sub><b>Nishit</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Nishit-Dua" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jonkoops"><img src="https://avatars.githubusercontent.com/u/695720?v=4?s=64" width="64px;" alt="Jon Koops"/><br /><sub><b>Jon Koops</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jonkoops" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/LoneRifle"><img src="https://avatars.githubusercontent.com/u/10572368?v=4?s=64" width="64px;" alt="LoneRifle"/><br /><sub><b>LoneRifle</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=LoneRifle" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/vfonic"><img src="https://avatars.githubusercontent.com/u/67437?v=4?s=64" width="64px;" alt="Viktor"/><br /><sub><b>Viktor</b></sub></a><br /><a href="#ideas-vfonic" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Avfonic" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/bclermont"><img src="https://avatars.githubusercontent.com/u/474302?v=4?s=64" width="64px;" alt="Bruno Clermont"/><br /><sub><b>Bruno Clermont</b></sub></a><br /><a href="#question-bclermont" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/yoannesbourg"><img src="https://avatars.githubusercontent.com/u/73404603?v=4?s=64" width="64px;" alt="yoannesbourg"/><br /><sub><b>yoannesbourg</b></sub></a><br /><a href="#ideas-yoannesbourg" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/strange2x"><img src="https://avatars.githubusercontent.com/u/10759731?v=4?s=64" width="64px;" alt="Strange2x"/><br /><sub><b>Strange2x</b></sub></a><br /><a href="#ideas-strange2x" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/steinybot"><img src="https://avatars.githubusercontent.com/u/4659562?v=4?s=64" width="64px;" alt="Jason Pickens"/><br /><sub><b>Jason Pickens</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asteinybot" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://smackagency.com/"><img src="https://avatars.githubusercontent.com/u/3469560?v=4?s=64" width="64px;" alt="Sel-Vin Kuik"/><br /><sub><b>Sel-Vin Kuik</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aselvinkuik" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/isaacalves"><img src="https://avatars.githubusercontent.com/u/1765942?v=4?s=64" width="64px;" alt="isaac"/><br /><sub><b>isaac</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aisaacalves" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/brunorzn"><img src="https://avatars.githubusercontent.com/u/18266054?v=4?s=64" width="64px;" alt="Bruno RZN"/><br /><sub><b>Bruno RZN</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=brunorzn" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Abrunorzn" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.cykeprojects.com/"><img src="https://avatars.githubusercontent.com/u/2979318?v=4?s=64" width="64px;" alt="Nathan Manceaux-Panot"/><br /><sub><b>Nathan Manceaux-Panot</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Cykelero" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3ACykelero" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/meotimdihia"><img src="https://avatars.githubusercontent.com/u/300961?v=4?s=64" width="64px;" alt="Dien Vu"/><br /><sub><b>Dien Vu</b></sub></a><br /><a href="#ideas-meotimdihia" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/olegKusov"><img src="https://avatars.githubusercontent.com/u/28058268?v=4?s=64" width="64px;" alt="Oleg Kusov"/><br /><sub><b>Oleg Kusov</b></sub></a><br /><a href="#ideas-olegKusov" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://mattguy.me/"><img src="https://avatars.githubusercontent.com/u/6647355?v=4?s=64" width="64px;" alt="Matthew Guy"/><br /><sub><b>Matthew Guy</b></sub></a><br /><a href="#ideas-mankittens" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/andrewbihl"><img src="https://avatars.githubusercontent.com/u/16709744?v=4?s=64" width="64px;" alt="andrewbihl"/><br /><sub><b>andrewbihl</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aandrewbihl" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lancepollard"><img src="https://avatars.githubusercontent.com/u/86631222?v=4?s=64" width="64px;" alt="lancepollard"/><br /><sub><b>lancepollard</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Alancepollard" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/gmukul01"><img src="https://avatars.githubusercontent.com/u/3636885?v=4?s=64" width="64px;" alt="Mukul Bansal"/><br /><sub><b>Mukul Bansal</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Agmukul01" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://127.0.0.1:8000/"><img src="https://avatars.githubusercontent.com/u/474302?v=4?s=64" width="64px;" alt="Jean-Luc Mongrain sur la Brosse"/><br /><sub><b>Jean-Luc Mongrain sur la Brosse</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jeanlucmongrain" title="Code">💻</a> <a href="#ideas-jeanlucmongrain" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/n1c"><img src="https://avatars.githubusercontent.com/u/284075?v=4?s=64" width="64px;" alt="Nic"/><br /><sub><b>Nic</b></sub></a><br /><a href="#content-n1c" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://valtism.com/"><img src="https://avatars.githubusercontent.com/u/1286001?v=4?s=64" width="64px;" alt="Dan Wood"/><br /><sub><b>Dan Wood</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=valtism" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.sixt.de/"><img src="https://avatars.githubusercontent.com/u/25299148?v=4?s=64" width="64px;" alt="jo wendenbuerger"/><br /><sub><b>jo wendenbuerger</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AWendenburg" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://nozillium.com/"><img src="https://avatars.githubusercontent.com/u/4774875?v=4?s=64" width="64px;" alt="Andrew Nosenko"/><br /><sub><b>Andrew Nosenko</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anoseratio" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/CharlieJhonSmith"><img src="https://avatars.githubusercontent.com/u/90845154?v=4?s=64" width="64px;" alt="CharlieJhonSmith"/><br /><sub><b>CharlieJhonSmith</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=CharlieJhonSmith" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://keybase.io/soullivaneuh"><img src="https://avatars.githubusercontent.com/u/1698357?v=4?s=64" width="64px;" alt="Sullivan SENECHAL"/><br /><sub><b>Sullivan SENECHAL</b></sub></a><br /><a href="#ideas-soullivaneuh" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asoullivaneuh" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=soullivaneuh" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jaslong"><img src="https://avatars.githubusercontent.com/u/797348?v=4?s=64" width="64px;" alt="Jason Long"/><br /><sub><b>Jason Long</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajaslong" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kxm766"><img src="https://avatars.githubusercontent.com/u/88443148?v=4?s=64" width="64px;" alt="kxm766"/><br /><sub><b>kxm766</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Akxm766" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://qlaffont.com/"><img src="https://avatars.githubusercontent.com/u/10044790?v=4?s=64" width="64px;" alt="Quentin"/><br /><sub><b>Quentin</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=qlaffont" title="Code">💻</a> <a href="#ideas-qlaffont" title="Ideas, Planning, & Feedback">🤔</a> <a href="#content-qlaffont" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ducktordanny"><img src="https://avatars.githubusercontent.com/u/38068717?v=4?s=64" width="64px;" alt="Daniel Lazar"/><br /><sub><b>Daniel Lazar</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ducktordanny" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aducktordanny" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mterrel"><img src="https://avatars.githubusercontent.com/u/17746857?v=4?s=64" width="64px;" alt="Mark Terrel"/><br /><sub><b>Mark Terrel</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amterrel" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=mterrel" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mendrik"><img src="https://avatars.githubusercontent.com/u/160805?v=4?s=64" width="64px;" alt="Andreas Herd"/><br /><sub><b>Andreas Herd</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amendrik" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://sonjoydatta.me/"><img src="https://avatars.githubusercontent.com/u/49079726?v=4?s=64" width="64px;" alt="Sonjoy Datta"/><br /><sub><b>Sonjoy Datta</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=sonjoydatta" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/oluckyman"><img src="https://avatars.githubusercontent.com/u/642673?v=4?s=64" width="64px;" alt="Ilya Belsky"/><br /><sub><b>Ilya Belsky</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aoluckyman" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://jamesbarrett.io/"><img src="https://avatars.githubusercontent.com/u/42980207?v=4?s=64" width="64px;" alt="James Barrett"/><br /><sub><b>James Barrett</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=JamesBarrettDev" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/AbbalYouness"><img src="https://avatars.githubusercontent.com/u/15120524?v=4?s=64" width="64px;" alt="AbbalYouness"/><br /><sub><b>AbbalYouness</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=AbbalYouness" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/DidrikLind"><img src="https://avatars.githubusercontent.com/u/14201715?v=4?s=64" width="64px;" alt="didriklind"/><br /><sub><b>didriklind</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=DidrikLind" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=DidrikLind" title="Tests">⚠️</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/hexp1989"><img src="https://avatars.githubusercontent.com/u/2241985?v=4?s=64" width="64px;" alt="hexp1989"/><br /><sub><b>hexp1989</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=hexp1989" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/alvaro-serrano-rivas/"><img src="https://avatars.githubusercontent.com/u/43758471?v=4?s=64" width="64px;" alt="Alvaro Serrano"/><br /><sub><b>Alvaro Serrano</b></sub></a><br /><a href="#content-alvaroserrrano" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/egehandulger"><img src="https://avatars.githubusercontent.com/u/14878259?v=4?s=64" width="64px;" alt="Egehan Dülger"/><br /><sub><b>Egehan Dülger</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=egehandulger" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/PabloLION"><img src="https://avatars.githubusercontent.com/u/36828324?v=4?s=64" width="64px;" alt="PabloLION"/><br /><sub><b>PabloLION</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3APabloLION" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=PabloLION" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://davidsanchez.me/"><img src="https://avatars.githubusercontent.com/u/84061?v=4?s=64" width="64px;" alt="David Sanchez"/><br /><sub><b>David Sanchez</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aemulienfou" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/AjayTheWizard"><img src="https://avatars.githubusercontent.com/u/92772740?v=4?s=64" width="64px;" alt="Ajay Raja"/><br /><sub><b>Ajay Raja</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AAjayTheWizard" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://andymerskin.com/"><img src="https://avatars.githubusercontent.com/u/758090?v=4?s=64" width="64px;" alt="Andy Merskin"/><br /><sub><b>Andy Merskin</b></sub></a><br /><a href="#ideas-docmars" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/GrayGalaxy"><img src="https://avatars.githubusercontent.com/u/49820575?v=4?s=64" width="64px;" alt="Avirup Ghosh"/><br /><sub><b>Avirup Ghosh</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=GrayGalaxy" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AGrayGalaxy" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tilnea"><img src="https://avatars.githubusercontent.com/u/3692320?v=4?s=64" width="64px;" alt="Sanne Wintrén"/><br /><sub><b>Sanne Wintrén</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Atilnea" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://lacolonia.studio/"><img src="https://avatars.githubusercontent.com/u/1528468?v=4?s=64" width="64px;" alt="Alessandro"/><br /><sub><b>Alessandro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aa-barbieri" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/atatarenko"><img src="https://avatars.githubusercontent.com/u/9846273?v=4?s=64" width="64px;" alt="Andrey Tatarenko"/><br /><sub><b>Andrey Tatarenko</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aatatarenko" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/arusak"><img src="https://avatars.githubusercontent.com/u/4231915?v=4?s=64" width="64px;" alt="Anton Rusak"/><br /><sub><b>Anton Rusak</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aarusak" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/createdbymahmood"><img src="https://avatars.githubusercontent.com/u/40164360?v=4?s=64" width="64px;" alt="Mahmood Bagheri"/><br /><sub><b>Mahmood Bagheri</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=createdbymahmood" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://wpowner.com/"><img src="https://avatars.githubusercontent.com/u/506491?v=4?s=64" width="64px;" alt="Anver Sadutt"/><br /><sub><b>Anver Sadutt</b></sub></a><br /><a href="#content-anver" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/bogdanailincaipnt"><img src="https://avatars.githubusercontent.com/u/93596663?v=4?s=64" width="64px;" alt="Bogdan Ailincai"/><br /><sub><b>Bogdan Ailincai</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=bogdanailincaipnt" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/SimeonGriggs"><img src="https://avatars.githubusercontent.com/u/9684022?v=4?s=64" width="64px;" alt="Simeon Griggs"/><br /><sub><b>Simeon Griggs</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ASimeonGriggs" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Kepro"><img src="https://avatars.githubusercontent.com/u/1714370?v=4?s=64" width="64px;" alt="Kepro"/><br /><sub><b>Kepro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AKepro" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Jake-Lippert"><img src="https://avatars.githubusercontent.com/u/17753127?v=4?s=64" width="64px;" alt="Jake Lippert"/><br /><sub><b>Jake Lippert</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AJake-Lippert" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/TunA-Kai"><img src="https://avatars.githubusercontent.com/u/92641762?v=4?s=64" width="64px;" alt="Tu Nguyen Anh"/><br /><sub><b>Tu Nguyen Anh</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ATunA-Kai" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=TunA-Kai" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/skve"><img src="https://avatars.githubusercontent.com/u/47612057?v=4?s=64" width="64px;" alt="Luke Shiels"/><br /><sub><b>Luke Shiels</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Askve" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/SleLLl"><img src="https://avatars.githubusercontent.com/u/66108429?v=4?s=64" width="64px;" alt="Sergei Kolyago"/><br /><sub><b>Sergei Kolyago</b></sub></a><br /><a href="#ideas-SleLLl" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/adhamaa"><img src="https://avatars.githubusercontent.com/u/50027371?v=4?s=64" width="64px;" alt="Adham Akmal Azmi"/><br /><sub><b>Adham Akmal Azmi</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aadhamaa" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/alex-kowalczyk"><img src="https://avatars.githubusercontent.com/u/7422175?v=4?s=64" width="64px;" alt="Alek Kowalczyk"/><br /><sub><b>Alek Kowalczyk</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aalex-kowalczyk" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Scalahansolo"><img src="https://avatars.githubusercontent.com/u/4317253?v=4?s=64" width="64px;" alt="Sean Callahan"/><br /><sub><b>Sean Callahan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AScalahansolo" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jbean96"><img src="https://avatars.githubusercontent.com/u/22803097?v=4?s=64" width="64px;" alt="Joshua Bean"/><br /><sub><b>Joshua Bean</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jbean96" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajbean96" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ZhaoTim"><img src="https://avatars.githubusercontent.com/u/30540533?v=4?s=64" width="64px;" alt="Tim Zhao"/><br /><sub><b>Tim Zhao</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AZhaoTim" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/patryk-smc"><img src="https://avatars.githubusercontent.com/u/37963339?v=4?s=64" width="64px;" alt="Patrick"/><br /><sub><b>Patrick</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Apatryk-smc" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://bryce.io/"><img src="https://avatars.githubusercontent.com/u/3171252?v=4?s=64" width="64px;" alt="Bryce Dorn"/><br /><sub><b>Bryce Dorn</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=brycedorn" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/angusd3v"><img src="https://avatars.githubusercontent.com/u/52683145?v=4?s=64" width="64px;" alt="angusd3v"/><br /><sub><b>angusd3v</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=angusd3v" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ddisimone"><img src="https://avatars.githubusercontent.com/u/78792352?v=4?s=64" width="64px;" alt="Davide Di Simone"/><br /><sub><b>Davide Di Simone</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Addisimone" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jherr"><img src="https://avatars.githubusercontent.com/u/22392?v=4?s=64" width="64px;" alt="Jack Herrington"/><br /><sub><b>Jack Herrington</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajherr" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://sharvit.github.io/"><img src="https://avatars.githubusercontent.com/u/1262502?v=4?s=64" width="64px;" alt="Avi Sharvit"/><br /><sub><b>Avi Sharvit</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=sharvit" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asharvit" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/nmaties"><img src="https://avatars.githubusercontent.com/u/16613184?v=4?s=64" width="64px;" alt="Nicolae Maties"/><br /><sub><b>Nicolae Maties</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anmaties" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/secretshardul"><img src="https://avatars.githubusercontent.com/u/49580849?v=4?s=64" width="64px;" alt="Shardul Aeer"/><br /><sub><b>Shardul Aeer</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asecretshardul" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/herlon214"><img src="https://avatars.githubusercontent.com/u/3419441?v=4?s=64" width="64px;" alt="Herlon Aguiar"/><br /><sub><b>Herlon Aguiar</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aherlon214" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/alexisoney"><img src="https://avatars.githubusercontent.com/u/28802989?v=4?s=64" width="64px;" alt="Alexis Oney"/><br /><sub><b>Alexis Oney</b></sub></a><br /><a href="#content-alexisoney" title="Content">🖋</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://convictional.com/"><img src="https://avatars.githubusercontent.com/u/96080054?v=4?s=64" width="64px;" alt="curtvict"/><br /><sub><b>curtvict</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=curtvict" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/JoshuaCS94"><img src="https://avatars.githubusercontent.com/u/23385700?v=4?s=64" width="64px;" alt="Josué Cortina"/><br /><sub><b>Josué Cortina</b></sub></a><br /><a href="#content-JoshuaCS94" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://katt.dev/"><img src="https://avatars.githubusercontent.com/u/459267?v=4?s=64" width="64px;" alt="Alex / KATT"/><br /><sub><b>Alex / KATT</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=KATT" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/modex98"><img src="https://avatars.githubusercontent.com/u/72814784?v=4?s=64" width="64px;" alt="Mourad EL CADI"/><br /><sub><b>Mourad EL CADI</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=modex98" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amodex98" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Guesswhoitis"><img src="https://avatars.githubusercontent.com/u/63756285?v=4?s=64" width="64px;" alt="James Hulena"/><br /><sub><b>James Hulena</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AGuesswhoitis" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://hailwood.nz/"><img src="https://avatars.githubusercontent.com/u/709773?v=4?s=64" width="64px;" alt="Matthew Hailwood"/><br /><sub><b>Matthew Hailwood</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=hailwood" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Ahailwood" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mike247"><img src="https://avatars.githubusercontent.com/u/676071?v=4?s=64" width="64px;" alt="Michael Norrie"/><br /><sub><b>Michael Norrie</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amike247" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/valentinpolitov"><img src="https://avatars.githubusercontent.com/u/39585375?v=4?s=64" width="64px;" alt="Valentin Politov"/><br /><sub><b>Valentin Politov</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=valentinpolitov" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/marnusw"><img src="https://avatars.githubusercontent.com/u/971499?v=4?s=64" width="64px;" alt="Marnus Weststrate"/><br /><sub><b>Marnus Weststrate</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=marnusw" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mancuoj"><img src="https://avatars.githubusercontent.com/u/45707684?v=4?s=64" width="64px;" alt="mancuoj"/><br /><sub><b>mancuoj</b></sub></a><br /><a href="#content-mancuoj" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.chatsumlin.com/"><img src="https://avatars.githubusercontent.com/u/3067479?v=4?s=64" width="64px;" alt="Chat Sumlin"/><br /><sub><b>Chat Sumlin</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jcsumlin" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/owenshaupt"><img src="https://avatars.githubusercontent.com/u/52288188?v=4?s=64" width="64px;" alt="Owen Haupt"/><br /><sub><b>Owen Haupt</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aowenshaupt" title="Bug reports">🐛</a> <a href="#content-owenshaupt" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ubarbaxor"><img src="https://avatars.githubusercontent.com/u/26365493?v=4?s=64" width="64px;" alt="ubarbaxor"/><br /><sub><b>ubarbaxor</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ubarbaxor" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://michael.mior.ca/"><img src="https://avatars.githubusercontent.com/u/82501?v=4?s=64" width="64px;" alt="Michael Mior"/><br /><sub><b>Michael Mior</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amichaelmior" title="Bug reports">🐛</a> <a href="#content-michaelmior" title="Content">🖋</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/pkhodaveissi"><img src="https://avatars.githubusercontent.com/u/4170795?v=4?s=64" width="64px;" alt="Pierre"/><br /><sub><b>Pierre</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=pkhodaveissi" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/harrywebdev"><img src="https://avatars.githubusercontent.com/u/3617415?v=4?s=64" width="64px;" alt="Harry B"/><br /><sub><b>Harry B</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aharrywebdev" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/valyrie97"><img src="https://avatars.githubusercontent.com/u/6365746?v=4?s=64" width="64px;" alt="Valerie"/><br /><sub><b>Valerie</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Avalyrie97" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=valyrie97" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://svachon.com/"><img src="https://avatars.githubusercontent.com/u/170197?v=4?s=64" width="64px;" alt="Steven Vachon"/><br /><sub><b>Steven Vachon</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=stevenvachon" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/sskirby"><img src="https://avatars.githubusercontent.com/u/25760?v=4?s=64" width="64px;" alt="Sean Kirby"/><br /><sub><b>Sean Kirby</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=sskirby" title="Tests">⚠️</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=sskirby" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/AlecsFarias"><img src="https://avatars.githubusercontent.com/u/91743821?v=4?s=64" width="64px;" alt="Alecsander Farias"/><br /><sub><b>Alecsander Farias</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=AlecsFarias" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://blankparticle.in/"><img src="https://avatars.githubusercontent.com/u/130567419?v=4?s=64" width="64px;" alt="Rahul Mishra"/><br /><sub><b>Rahul Mishra</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=BlankParticle" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3ABlankParticle" title="Reviewed Pull Requests">👀</a> <a href="#content-BlankParticle" title="Content">🖋</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/bryantcodesart"><img src="https://avatars.githubusercontent.com/u/14097078?v=4?s=64" width="64px;" alt="Bryant Smith"/><br /><sub><b>Bryant Smith</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=bryantcodesart" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Abryantcodesart" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/RobHannay"><img src="https://avatars.githubusercontent.com/u/609062?v=4?s=64" width="64px;" alt="Rob Hannay"/><br /><sub><b>Rob Hannay</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=RobHannay" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/hooriza"><img src="https://avatars.githubusercontent.com/u/507927?v=4?s=64" width="64px;" alt="Hooriza"/><br /><sub><b>Hooriza</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=hooriza" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ahooriza" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ShanSenanayake"><img src="https://avatars.githubusercontent.com/u/8779685?v=4?s=64" width="64px;" alt="ShanSenanayake"/><br /><sub><b>ShanSenanayake</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ShanSenanayake" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/philipgher"><img src="https://avatars.githubusercontent.com/u/32325241?v=4?s=64" width="64px;" alt="Philip Ghering"/><br /><sub><b>Philip Ghering</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=philipgher" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ladislasdellinger"><img src="https://avatars.githubusercontent.com/u/111739019?v=4?s=64" width="64px;" alt="Ladislas Dellinger"/><br /><sub><b>Ladislas Dellinger</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ladislasdellinger" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/TheHaff"><img src="https://avatars.githubusercontent.com/u/2486653?v=4?s=64" width="64px;" alt="Haff"/><br /><sub><b>Haff</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=TheHaff" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lisandro52"><img src="https://avatars.githubusercontent.com/u/5612241?v=4?s=64" width="64px;" alt="Lisandro"/><br /><sub><b>Lisandro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=lisandro52" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/amirking59"><img src="https://avatars.githubusercontent.com/u/58273240?v=4?s=64" width="64px;" alt="Amir hossein rezaei"/><br /><sub><b>Amir hossein rezaei</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=amirking59" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/nmacianx"><img src="https://avatars.githubusercontent.com/u/40004186?v=4?s=64" width="64px;" alt="Nicolas Macian"/><br /><sub><b>Nicolas Macian</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anmacianx" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=nmacianx" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://dreamsof.dev/"><img src="https://avatars.githubusercontent.com/u/13162026?v=4?s=64" width="64px;" alt="Nate Forsyth"/><br /><sub><b>Nate Forsyth</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=nateforsyth" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/satelllte"><img src="https://avatars.githubusercontent.com/u/20585619?v=4?s=64" width="64px;" alt="satelllte"/><br /><sub><b>satelllte</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=satelllte" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asatelllte" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/fedemp"><img src="https://avatars.githubusercontent.com/u/735314?v=4?s=64" width="64px;" alt="Federico Panico"/><br /><sub><b>Federico Panico</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=fedemp" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/iamwillnbcu"><img src="https://avatars.githubusercontent.com/u/137317773?v=4?s=64" width="64px;" alt="William Pei Yuan"/><br /><sub><b>William Pei Yuan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=iamwillnbcu" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://www.gazeta-cu-anunturi.ro/"><img src="https://avatars.githubusercontent.com/u/757999?v=4?s=64" width="64px;" alt="Mihai"/><br /><sub><b>Mihai</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=DarkAng3L" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ADarkAng3L" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://habib.ogunsola.me/"><img src="https://avatars.githubusercontent.com/u/39172573?v=4?s=64" width="64px;" alt="Habib Ogunsola"/><br /><sub><b>Habib Ogunsola</b></sub></a><br /><a href="#content-ogunsolahabib" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://ashfurrow.com/"><img src="https://avatars.githubusercontent.com/u/498212?v=4?s=64" width="64px;" alt="Ash Furrow"/><br /><sub><b>Ash Furrow</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ashfurrow" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://turus.ro/"><img src="https://avatars.githubusercontent.com/u/32390499?v=4?s=64" width="64px;" alt="Daniel Turuș"/><br /><sub><b>Daniel Turuș</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=danielturus" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/rahulchaudhary2244/"><img src="https://avatars.githubusercontent.com/u/54467972?v=4?s=64" width="64px;" alt="Rahul Chaudhary"/><br /><sub><b>Rahul Chaudhary</b></sub></a><br /><a href="#content-rahulchaudhary2244" title="Content">🖋</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Arahulchaudhary2244" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Joshyahweh"><img src="https://avatars.githubusercontent.com/u/61137067?v=4?s=64" width="64px;" alt="Joshua Ojoawo"/><br /><sub><b>Joshua Ojoawo</b></sub></a><br /><a href="#ideas-Joshyahweh" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AJoshyahweh" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://jackdh.com/"><img src="https://avatars.githubusercontent.com/u/1907451?v=4?s=64" width="64px;" alt="Jack"/><br /><sub><b>Jack</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jackdh" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jonlinkens"><img src="https://avatars.githubusercontent.com/u/20417521?v=4?s=64" width="64px;" alt="Jon Linkens"/><br /><sub><b>Jon Linkens</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jonlinkens" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajonlinkens" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://velog.io/@ojj1123"><img src="https://avatars.githubusercontent.com/u/33178048?v=4?s=64" width="64px;" alt="Jeongjin Oh"/><br /><sub><b>Jeongjin Oh</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aojj1123" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tli26"><img src="https://avatars.githubusercontent.com/u/114947190?v=4?s=64" width="64px;" alt="Tianning Li"/><br /><sub><b>Tianning Li</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=tli26" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://larsartmann.com/"><img src="https://avatars.githubusercontent.com/u/23587853?v=4?s=64" width="64px;" alt="Lars Artmann"/><br /><sub><b>Lars Artmann</b></sub></a><br /><a href="#content-LarsArtmann" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/KBobovskiy"><img src="https://avatars.githubusercontent.com/u/35502578?v=4?s=64" width="64px;" alt="KBobovskiy"/><br /><sub><b>KBobovskiy</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=KBobovskiy" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ryngonzalez"><img src="https://avatars.githubusercontent.com/u/635300?v=4?s=64" width="64px;" alt="✨ Kathryn Gonzalez ✨"/><br /><sub><b>✨ Kathryn Gonzalez ✨</b></sub></a><br /><a href="#content-ryngonzalez" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/slavik-chapelskyi"><img src="https://avatars.githubusercontent.com/u/33541009?v=4?s=64" width="64px;" alt="Yaroslav Chapelskyi"/><br /><sub><b>Yaroslav Chapelskyi</b></sub></a><br /><a href="#content-slavik-chapelskyi" title="Content">🖋</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/sverps"><img src="https://avatars.githubusercontent.com/u/15879327?v=4?s=64" width="64px;" alt="Samuel Van Erps"/><br /><sub><b>Samuel Van Erps</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Asverps" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ojolowoblue"><img src="https://avatars.githubusercontent.com/u/104099474?v=4?s=64" width="64px;" alt="ojolowoblue"/><br /><sub><b>ojolowoblue</b></sub></a><br /><a href="#content-ojolowoblue" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://short.io/"><img src="https://avatars.githubusercontent.com/u/75169?v=4?s=64" width="64px;" alt="Andrii Kostenko"/><br /><sub><b>Andrii Kostenko</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=gugu" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/AkeemAllen"><img src="https://avatars.githubusercontent.com/u/32404761?v=4?s=64" width="64px;" alt="Akeem Allen"/><br /><sub><b>Akeem Allen</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=AkeemAllen" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AAkeemAllen" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/trongbinh15"><img src="https://avatars.githubusercontent.com/u/43725147?v=4?s=64" width="64px;" alt="trongbinhnguyen"/><br /><sub><b>trongbinhnguyen</b></sub></a><br /><a href="#content-trongbinh15" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://lawlesx.vercel.app/"><img src="https://avatars.githubusercontent.com/u/52166437?v=4?s=64" width="64px;" alt="Aniruddha Sil"/><br /><sub><b>Aniruddha Sil</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=lawlesx" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/okinawaa"><img src="https://avatars.githubusercontent.com/u/69495129?v=4?s=64" width="64px;" alt="박찬혁"/><br /><sub><b>박찬혁</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Aokinawaa" title="Reviewed Pull Requests">👀</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://anishchhetri.com.np/"><img src="https://avatars.githubusercontent.com/u/98446102?v=4?s=64" width="64px;" alt="Anish"/><br /><sub><b>Anish</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=novanish" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://hutri.fi/"><img src="https://avatars.githubusercontent.com/u/55588133?v=4?s=64" width="64px;" alt="Hugo Hutri"/><br /><sub><b>Hugo Hutri</b></sub></a><br /><a href="#content-hugohutri" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://balzguenat.ch/"><img src="https://avatars.githubusercontent.com/u/6719014?v=4?s=64" width="64px;" alt="Balz Guenat"/><br /><sub><b>Balz Guenat</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=BalzGuenat" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ottergeorge"><img src="https://avatars.githubusercontent.com/u/108759685?v=4?s=64" width="64px;" alt="OtterGeorge"/><br /><sub><b>OtterGeorge</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ottergeorge" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/samay-rgb"><img src="https://avatars.githubusercontent.com/u/73112080?v=4?s=64" width="64px;" alt="Samay Sagar"/><br /><sub><b>Samay Sagar</b></sub></a><br /><a href="#content-samay-rgb" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/pedrobslisboa"><img src="https://avatars.githubusercontent.com/u/35539594?v=4?s=64" width="64px;" alt="Pedro Lisboa"/><br /><sub><b>Pedro Lisboa</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Apedrobslisboa" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/henriqemalheiros"><img src="https://avatars.githubusercontent.com/u/23730762?v=4?s=64" width="64px;" alt="Henrique Malheiros"/><br /><sub><b>Henrique Malheiros</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ahenriqemalheiros" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://www.unfocus.com/"><img src="https://avatars.githubusercontent.com/u/245825?v=4?s=64" width="64px;" alt="Kevin Newman"/><br /><sub><b>Kevin Newman</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=CaptainN" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/a503189"><img src="https://avatars.githubusercontent.com/u/28802989?v=4?s=64" width="64px;" alt="a503189"/><br /><sub><b>a503189</b></sub></a><br /><a href="#content-a503189" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://t.me/mouradelcadi"><img src="https://avatars.githubusercontent.com/u/72814784?v=4?s=64" width="64px;" alt="Mourad EL CADI"/><br /><sub><b>Mourad EL CADI</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=mod7ex" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Lop3sPedro"><img src="https://avatars.githubusercontent.com/u/89090945?v=4?s=64" width="64px;" alt="Pedro Henrique Lopes"/><br /><sub><b>Pedro Henrique Lopes</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Lop3sPedro" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/danbiilee"><img src="https://avatars.githubusercontent.com/u/53761241?v=4?s=64" width="64px;" alt="Danbi Lee"/><br /><sub><b>Danbi Lee</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=danbiilee" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/cojennin"><img src="https://avatars.githubusercontent.com/u/1888152?v=4?s=64" width="64px;" alt="Connor Jennings"/><br /><sub><b>Connor Jennings</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=cojennin" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lgxm3z"><img src="https://avatars.githubusercontent.com/u/28831375?v=4?s=64" width="64px;" alt="Lucas Gomes"/><br /><sub><b>Lucas Gomes</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Algxm3z" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=lgxm3z" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/zaggino"><img src="https://avatars.githubusercontent.com/u/1067319?v=4?s=64" width="64px;" alt="Martin Zagora"/><br /><sub><b>Martin Zagora</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=zaggino" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kvdo2"><img src="https://avatars.githubusercontent.com/u/78251524?v=4?s=64" width="64px;" alt="KvD"/><br /><sub><b>KvD</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=kvdo2" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/SupraSmooth"><img src="https://avatars.githubusercontent.com/u/18029247?v=4?s=64" width="64px;" alt="Alex"/><br /><sub><b>Alex</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=SupraSmooth" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kaceycleveland"><img src="https://avatars.githubusercontent.com/u/88064187?v=4?s=64" width="64px;" alt="Kacey Cleveland"/><br /><sub><b>Kacey Cleveland</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Akaceycleveland" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/oviirup"><img src="https://avatars.githubusercontent.com/u/49820575?v=4?s=64" width="64px;" alt="Avirup Ghosh"/><br /><sub><b>Avirup Ghosh</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aoviirup" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/yabbal"><img src="https://avatars.githubusercontent.com/u/15120524?v=4?s=64" width="64px;" alt="yabbal"/><br /><sub><b>yabbal</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=yabbal" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://patik.com/"><img src="https://avatars.githubusercontent.com/u/262137?v=4?s=64" width="64px;" alt="Craig Patik"/><br /><sub><b>Craig Patik</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Apatik" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Silverium"><img src="https://avatars.githubusercontent.com/u/10578392?v=4?s=64" width="64px;" alt="Soldeplata Saketos Candela"/><br /><sub><b>Soldeplata Saketos Candela</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Silverium" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/TENDOUZHI"><img src="https://avatars.githubusercontent.com/u/82806526?v=4?s=64" width="64px;" alt="TENDOUZHI"/><br /><sub><b>TENDOUZHI</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ATENDOUZHI" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/wachulski"><img src="https://avatars.githubusercontent.com/u/1669844?v=4?s=64" width="64px;" alt="Marcin Wachulski"/><br /><sub><b>Marcin Wachulski</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Awachulski" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://salmans.work/"><img src="https://avatars.githubusercontent.com/u/15085416?v=4?s=64" width="64px;" alt="Salman Fazal"/><br /><sub><b>Salman Fazal</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asalmanfazal01" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/shrugs"><img src="https://avatars.githubusercontent.com/u/1535001?v=4?s=64" width="64px;" alt="shrugs"/><br /><sub><b>shrugs</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ashrugs" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Hyodori04"><img src="https://avatars.githubusercontent.com/u/57362573?v=4?s=64" width="64px;" alt="hyodori"/><br /><sub><b>hyodori</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AHyodori04" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/eleazareramos"><img src="https://avatars.githubusercontent.com/u/25910203?v=4?s=64" width="64px;" alt="Eleazar “E” Ramos"/><br /><sub><b>Eleazar “E” Ramos</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aeleazareramos" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/retnag"><img src="https://avatars.githubusercontent.com/u/18302198?v=4?s=64" width="64px;" alt="retnag"/><br /><sub><b>retnag</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aretnag" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://jaeyoung.dev/"><img src="https://avatars.githubusercontent.com/u/55247450?v=4?s=64" width="64px;" alt="J young Lee"/><br /><sub><b>J young Lee</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Abeefiker" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/fiws"><img src="https://avatars.githubusercontent.com/u/3409958?v=4?s=64" width="64px;" alt="Filip Weiss"/><br /><sub><b>Filip Weiss</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Afiws" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://mariusgundersen.net/"><img src="https://avatars.githubusercontent.com/u/464152?v=4?s=64" width="64px;" alt="Marius Gundersen"/><br /><sub><b>Marius Gundersen</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AmariusGundersen" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/VenomFate-619"><img src="https://avatars.githubusercontent.com/u/67755128?v=4?s=64" width="64px;" alt="Syed Aman Ali"/><br /><sub><b>Syed Aman Ali</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AVenomFate-619" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://ingadi.work/"><img src="https://avatars.githubusercontent.com/u/6121225?v=4?s=64" width="64px;" alt="Axel Ingadi"/><br /><sub><b>Axel Ingadi</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aingadi" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/andyjphu"><img src="https://avatars.githubusercontent.com/u/51890861?v=4?s=64" width="64px;" alt="AndyP"/><br /><sub><b>AndyP</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aandyjphu" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ishanVaghasiya"><img src="https://avatars.githubusercontent.com/u/98661936?v=4?s=64" width="64px;" alt="ishanVaghasiya"/><br /><sub><b>ishanVaghasiya</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AishanVaghasiya" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/nico-martinucci"><img src="https://avatars.githubusercontent.com/u/80868741?v=4?s=64" width="64px;" alt="Nico Martinucci"/><br /><sub><b>Nico Martinucci</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anico-martinucci" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/technophile-04"><img src="https://avatars.githubusercontent.com/u/80153681?v=4?s=64" width="64px;" alt="Shiv Bhonde &#124; shivbhonde.eth"/><br /><sub><b>Shiv Bhonde &#124; shivbhonde.eth</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Atechnophile-04" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/fritzmonkey"><img src="https://avatars.githubusercontent.com/u/10103840?v=4?s=64" width="64px;" alt="fritzmonkey"/><br /><sub><b>fritzmonkey</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Afritzmonkey" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/rrmesquita"><img src="https://avatars.githubusercontent.com/u/30835404?v=4?s=64" width="64px;" alt="Rodrigo Mesquita"/><br /><sub><b>Rodrigo Mesquita</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Arrmesquita" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://moshe.io/"><img src="https://avatars.githubusercontent.com/u/534911?v=4?s=64" width="64px;" alt="Moshe Simantov"/><br /><sub><b>Moshe Simantov</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amoshest" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/BekaArabidze98"><img src="https://avatars.githubusercontent.com/u/122085038?v=4?s=64" width="64px;" alt="Beka"/><br /><sub><b>Beka</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ABekaArabidze98" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/abdofola"><img src="https://avatars.githubusercontent.com/u/30251052?v=4?s=64" width="64px;" alt="Abdallah Alkaser"/><br /><sub><b>Abdallah Alkaser</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aabdofola" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=abdofola" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/CarlosNZ"><img src="https://avatars.githubusercontent.com/u/5456533?v=4?s=64" width="64px;" alt="Carl Smith"/><br /><sub><b>Carl Smith</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ACarlosNZ" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ogroppo"><img src="https://avatars.githubusercontent.com/u/4820803?v=4?s=64" width="64px;" alt="Orlando Groppo"/><br /><sub><b>Orlando Groppo</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aogroppo" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/thany"><img src="https://avatars.githubusercontent.com/u/152227?v=4?s=64" width="64px;" alt="Martijn Saly"/><br /><sub><b>Martijn Saly</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Athany" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://quinn.io/"><img src="https://avatars.githubusercontent.com/u/3764?v=4?s=64" width="64px;" alt="Quinn Shanahan"/><br /><sub><b>Quinn Shanahan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aquinn" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://antoinek.fr/"><img src="https://avatars.githubusercontent.com/u/54948363?v=4?s=64" width="64px;" alt="Antoine Kingue"/><br /><sub><b>Antoine Kingue</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AAntoineKM" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/zanzlender"><img src="https://avatars.githubusercontent.com/u/44570474?v=4?s=64" width="64px;" alt="Žan Žlender"/><br /><sub><b>Žan Žlender</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Azanzlender" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/sebadom"><img src="https://avatars.githubusercontent.com/u/3877952?v=4?s=64" width="64px;" alt="Sebastian Dominguez"/><br /><sub><b>Sebastian Dominguez</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asebadom" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jmc420"><img src="https://avatars.githubusercontent.com/u/11723529?v=4?s=64" width="64px;" alt="James Cowan"/><br /><sub><b>James Cowan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajmc420" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/bayraak"><img src="https://avatars.githubusercontent.com/u/10470072?v=4?s=64" width="64px;" alt="Bayram Ali Basgul"/><br /><sub><b>Bayram Ali Basgul</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Abayraak" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://wyatt.castaneda.family/"><img src="https://avatars.githubusercontent.com/u/17957937?v=4?s=64" width="64px;" alt="Wyatt Castaneda"/><br /><sub><b>Wyatt Castaneda</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AWyattCast44" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tsnevillecom"><img src="https://avatars.githubusercontent.com/u/3151454?v=4?s=64" width="64px;" alt="Tim Neville"/><br /><sub><b>Tim Neville</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Atsnevillecom" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/shoooe"><img src="https://avatars.githubusercontent.com/u/733227?v=4?s=64" width="64px;" alt="Thomas Pigarelli"/><br /><sub><b>Thomas Pigarelli</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ashoooe" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jherdman"><img src="https://avatars.githubusercontent.com/u/3300?v=4?s=64" width="64px;" alt="James Herdman"/><br /><sub><b>James Herdman</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajherdman" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/pociej"><img src="https://avatars.githubusercontent.com/u/3854675?v=4?s=64" width="64px;" alt="Grzegorz Pociejewski"/><br /><sub><b>Grzegorz Pociejewski</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Apociej" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/flyon"><img src="https://avatars.githubusercontent.com/u/341567?v=4?s=64" width="64px;" alt="René Verheij"/><br /><sub><b>René Verheij</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aflyon" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/PatrykKuniczak"><img src="https://avatars.githubusercontent.com/u/64608510?v=4?s=64" width="64px;" alt="PatrykKuniczak"/><br /><sub><b>PatrykKuniczak</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3APatrykKuniczak" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://cromodder.github.io/"><img src="https://avatars.githubusercontent.com/u/7691110?v=4?s=64" width="64px;" alt="Paolo Božac"/><br /><sub><b>Paolo Božac</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ACroModder" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/reinos"><img src="https://avatars.githubusercontent.com/u/633730?v=4?s=64" width="64px;" alt="Rein"/><br /><sub><b>Rein</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Areinos" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/FloorianB"><img src="https://avatars.githubusercontent.com/u/110407858?v=4?s=64" width="64px;" alt="FloorianB"/><br /><sub><b>FloorianB</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AFloorianB" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/xuanhung1509"><img src="https://avatars.githubusercontent.com/u/89293664?v=4?s=64" width="64px;" alt="Xuan Hung"/><br /><sub><b>Xuan Hung</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Axuanhung1509" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://monawwar.io/"><img src="https://avatars.githubusercontent.com/u/31907722?v=4?s=64" width="64px;" alt="Monawwar Abdullah"/><br /><sub><b>Monawwar Abdullah</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amxvsh" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/haroldo-ok"><img src="https://avatars.githubusercontent.com/u/1457465?v=4?s=64" width="64px;" alt="Haroldo de Oliveira Pinheiro"/><br /><sub><b>Haroldo de Oliveira Pinheiro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aharoldo-ok" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://portfoliobytamjid.vercel.app/"><img src="https://avatars.githubusercontent.com/u/57794102?v=4?s=64" width="64px;" alt="Tamjid Ahmed"/><br /><sub><b>Tamjid Ahmed</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ATamjidAhmed10" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jv-lopez"><img src="https://avatars.githubusercontent.com/u/93750956?v=4?s=64" width="64px;" alt="jv-lopez"/><br /><sub><b>jv-lopez</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajv-lopez" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://macr.ae/"><img src="https://avatars.githubusercontent.com/u/472830?v=4?s=64" width="64px;" alt="Callum Macrae"/><br /><sub><b>Callum Macrae</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Acallumacrae" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/0529bill"><img src="https://avatars.githubusercontent.com/u/62455148?v=4?s=64" width="64px;" alt="bywater529"/><br /><sub><b>bywater529</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3A0529bill" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kevinxh"><img src="https://avatars.githubusercontent.com/u/10948652?v=4?s=64" width="64px;" alt="Kevin He"/><br /><sub><b>Kevin He</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Akevinxh" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/FredericoGauz"><img src="https://avatars.githubusercontent.com/u/18327882?v=4?s=64" width="64px;" alt="FredericoGauz"/><br /><sub><b>FredericoGauz</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AFredericoGauz" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.jonlemofficial.com/"><img src="https://avatars.githubusercontent.com/u/38771842?v=4?s=64" width="64px;" alt="Jonathan &quot;JonLem&quot; Lemos"/><br /><sub><b>Jonathan &quot;JonLem&quot; Lemos</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AJonLemOfficial" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/xegulon"><img src="https://avatars.githubusercontent.com/u/74178038?v=4?s=64" width="64px;" alt="Xegulon"/><br /><sub><b>Xegulon</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Axegulon" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/TomSmedley"><img src="https://avatars.githubusercontent.com/u/95056193?v=4?s=64" width="64px;" alt="Tom Smedley"/><br /><sub><b>Tom Smedley</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ATomSmedley" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lightbluepoppy"><img src="https://avatars.githubusercontent.com/u/65863981?v=4?s=64" width="64px;" alt="lightbluepoppy"/><br /><sub><b>lightbluepoppy</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Alightbluepoppy" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Dchole"><img src="https://avatars.githubusercontent.com/u/47068381?v=4?s=64" width="64px;" alt="Derek Oware"/><br /><sub><b>Derek Oware</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ADchole" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://fragmentedthought.com/"><img src="https://avatars.githubusercontent.com/u/12085479?v=4?s=64" width="64px;" alt="Lance Gliser"/><br /><sub><b>Lance Gliser</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Alancegliser" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lewxdev"><img src="https://avatars.githubusercontent.com/u/6710419?v=4?s=64" width="64px;" alt="J. Lewis"/><br /><sub><b>J. Lewis</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Alewxdev" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/yairy"><img src="https://avatars.githubusercontent.com/u/3206243?v=4?s=64" width="64px;" alt="Yair"/><br /><sub><b>Yair</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ayairy" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://firecamp.dev/"><img src="https://avatars.githubusercontent.com/u/5078921?v=4?s=64" width="64px;" alt="Nishchit"/><br /><sub><b>Nishchit</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ANishchit14" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Nejjer"><img src="https://avatars.githubusercontent.com/u/80219537?v=4?s=64" width="64px;" alt="Devofy"/><br /><sub><b>Devofy</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ANejjer" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://joshguyette.com/"><img src="https://avatars.githubusercontent.com/u/28668902?v=4?s=64" width="64px;" alt="Josh Guyette"/><br /><sub><b>Josh Guyette</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anightness" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/dora-ljh"><img src="https://avatars.githubusercontent.com/u/35205701?v=4?s=64" width="64px;" alt="Dora Li"/><br /><sub><b>Dora Li</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Adora-ljh" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kg-currenxie"><img src="https://avatars.githubusercontent.com/u/48229166?v=4?s=64" width="64px;" alt="Kristian Gerardsson"/><br /><sub><b>Kristian Gerardsson</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Akg-currenxie" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jdpt0"><img src="https://avatars.githubusercontent.com/u/19761394?v=4?s=64" width="64px;" alt="James Powell"/><br /><sub><b>James Powell</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajdpt0" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/boaz-poolman-662162115/"><img src="https://avatars.githubusercontent.com/u/9551934?v=4?s=64" width="64px;" alt="Boaz Poolman"/><br /><sub><b>Boaz Poolman</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aboazpoolman" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/roker15"><img src="https://avatars.githubusercontent.com/u/59526869?v=4?s=64" width="64px;" alt="roker15"/><br /><sub><b>roker15</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aroker15" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/fadhilx"><img src="https://avatars.githubusercontent.com/u/15516786?v=4?s=64" width="64px;" alt="Fadhil Ahmad"/><br /><sub><b>Fadhil Ahmad</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Afadhilx" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Chandler-Zhu"><img src="https://avatars.githubusercontent.com/u/61914365?v=4?s=64" width="64px;" alt="Chandler-Zhu"/><br /><sub><b>Chandler-Zhu</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AChandler-Zhu" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/nixjs"><img src="https://avatars.githubusercontent.com/u/23132483?v=4?s=64" width="64px;" alt="Nghi Nguyen"/><br /><sub><b>Nghi Nguyen</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anixjs" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ShravanSunder"><img src="https://avatars.githubusercontent.com/u/5294949?v=4?s=64" width="64px;" alt="Shravan Sunder"/><br /><sub><b>Shravan Sunder</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AShravanSunder" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Johannes5"><img src="https://avatars.githubusercontent.com/u/14299835?v=4?s=64" width="64px;" alt="Johannes5"/><br /><sub><b>Johannes5</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AJohannes5" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/sebahhpeya"><img src="https://avatars.githubusercontent.com/u/93996817?v=4?s=64" width="64px;" alt="sebahhpeya"/><br /><sub><b>sebahhpeya</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asebahhpeya" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://onezero.co.il/"><img src="https://avatars.githubusercontent.com/u/45389557?v=4?s=64" width="64px;" alt="Or Nakash"/><br /><sub><b>Or Nakash</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aornakash" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/hepiyellow"><img src="https://avatars.githubusercontent.com/u/6338722?v=4?s=64" width="64px;" alt="Erez Makavy"/><br /><sub><b>Erez Makavy</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ahepiyellow" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://andymerskin.com/"><img src="https://avatars.githubusercontent.com/u/758090?v=4?s=64" width="64px;" alt="Andy Merskin"/><br /><sub><b>Andy Merskin</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aandymerskin" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/chainalert-bot"><img src="https://avatars.githubusercontent.com/u/95303823?v=4?s=64" width="64px;" alt="ChainAlert Bot"/><br /><sub><b>ChainAlert Bot</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Achainalert-bot" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tmdesigned"><img src="https://avatars.githubusercontent.com/u/3608018?v=4?s=64" width="64px;" alt="Taylor Morgan"/><br /><sub><b>Taylor Morgan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Atmdesigned" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://abkabioye.me/"><img src="https://avatars.githubusercontent.com/u/18709032?v=4?s=64" width="64px;" alt="wisdomabioye"/><br /><sub><b>wisdomabioye</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Awisdomabioye" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.samtheq.com"><img src="https://avatars.githubusercontent.com/u/51345689?v=4?s=64" width="64px;" alt="Samuel Quiñones"/><br /><sub><b>Samuel Quiñones</b></sub></a><br /><a href="#ideas-SamuelQuinones" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ymc-maha"><img src="https://avatars.githubusercontent.com/u/697307?v=4?s=64" width="64px;" alt="Manuel"/><br /><sub><b>Manuel</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ymc-maha" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aymc-maha" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Yurchishin"><img src="https://avatars.githubusercontent.com/u/36650915?v=4?s=64" width="64px;" alt="Yurii Rybak"/><br /><sub><b>Yurii Rybak</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AYurchishin" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/iuriiiurevich"><img src="https://avatars.githubusercontent.com/u/15759600?v=4?s=64" width="64px;" alt="Yury Demin"/><br /><sub><b>Yury Demin</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aiuriiiurevich" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=iuriiiurevich" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://tewks.io/"><img src="https://avatars.githubusercontent.com/u/3970573?v=4?s=64" width="64px;" alt="Jon Tewksbury"/><br /><sub><b>Jon Tewksbury</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jontewks" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajontewks" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/novacdenis"><img src="https://avatars.githubusercontent.com/u/45555668?v=4?s=64" width="64px;" alt="Novac Denis"/><br /><sub><b>Novac Denis</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=novacdenis" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anovacdenis" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kyrylo-soulandwolf"><img src="https://avatars.githubusercontent.com/u/54762253?v=4?s=64" width="64px;" alt="kyrylo-soulandwolf"/><br /><sub><b>kyrylo-soulandwolf</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=kyrylo-soulandwolf" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Akyrylo-soulandwolf" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/misidoro"><img src="https://avatars.githubusercontent.com/u/3635023?v=4?s=64" width="64px;" alt="Miguel Isidoro"/><br /><sub><b>Miguel Isidoro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=misidoro" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://crowds.space/"><img src="https://avatars.githubusercontent.com/u/828918?v=4?s=64" width="64px;" alt="Yuriy Gromchenko"/><br /><sub><b>Yuriy Gromchenko</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=gromchen" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://jcbhmr.me"><img src="https://avatars.githubusercontent.com/u/61068799?v=4?s=64" width="64px;" alt="Jacob Hummer"/><br /><sub><b>Jacob Hummer</b></sub></a><br /><a href="#ideas-jcbhmr" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/k-melnychuk"><img src="https://avatars.githubusercontent.com/u/22131019?v=4?s=64" width="64px;" alt="Kyrylo Melnychuk"/><br /><sub><b>Kyrylo Melnychuk</b></sub></a><br /><a href="#content-k-melnychuk" title="Content">🖋</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=k-melnychuk" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/LumaKernel"><img src="https://avatars.githubusercontent.com/u/29811106?v=4?s=64" width="64px;" alt="Luma"/><br /><sub><b>Luma</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=LumaKernel" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Newbie012"><img src="https://avatars.githubusercontent.com/u/10504365?v=4?s=64" width="64px;" alt="Eliya Cohen"/><br /><sub><b>Eliya Cohen</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Newbie012" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/isumix"><img src="https://avatars.githubusercontent.com/u/16747416?v=4?s=64" width="64px;" alt="Igor Sukharev"/><br /><sub><b>Igor Sukharev</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aisumix" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/pookmish"><img src="https://avatars.githubusercontent.com/u/7185045?v=4?s=64" width="64px;" alt="pookmish"/><br /><sub><b>pookmish</b></sub></a><br /><a href="#ideas-pookmish" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/metav-drimz"><img src="https://avatars.githubusercontent.com/u/113976282?v=4?s=64" width="64px;" alt="metav-drimz"/><br /><sub><b>metav-drimz</b></sub></a><br /><a href="#ideas-metav-drimz" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://luckrnx09.com/"><img src="https://avatars.githubusercontent.com/u/113882203?v=4?s=64" width="64px;" alt="luckrnx09"/><br /><sub><b>luckrnx09</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=luckrnx09" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/RubyHuntsman"><img src="https://avatars.githubusercontent.com/u/24682602?v=4?s=64" width="64px;" alt="Hubert Kuczmierczyk"/><br /><sub><b>Hubert Kuczmierczyk</b></sub></a><br /><a href="#ideas-RubyHuntsman" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3ARubyHuntsman" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/dandubya"><img src="https://avatars.githubusercontent.com/u/67660308?v=4?s=64" width="64px;" alt="dandubya"/><br /><sub><b>dandubya</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=dandubya" title="Documentation">📖</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/LonelyFellas"><img src="https://avatars.githubusercontent.com/u/38754760?v=4?s=64" width="64px;" alt="Darwish"/><br /><sub><b>Darwish</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=LonelyFellas" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://www.jesuisjo.com/"><img src="https://avatars.githubusercontent.com/u/2046871?v=4?s=64" width="64px;" alt="Jonathan Raoult"/><br /><sub><b>Jonathan Raoult</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajraoult" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Ajraoult" title="Reviewed Pull Requests">👀</a></td>
    </tr>
  </tbody>
</table>

<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification ([emoji key](https://allcontributors.org/docs/en/emoji-key)). Contributions of any kind welcome!

## 💞 Donate

If you find this piece of software helpful, please consider a donation. Any amount is greatly appreciated.

[![GitHub Sponsors](https://badgen.net/badge/GitHub%20Sponsors/Donate/blue)](https://github.com/sponsors/juliencrn)
[![Paypal](https://badgen.net/badge/Paypal/Donate/blue)](https://www.paypal.com/paypalme/juliencrn)
[![Stripe](https://badgen.net/badge/Stripe/Donate/blue)](https://buy.stripe.com/fZefZY8Bv32cg9O3cc)
[![Buy me a coffee](https://badgen.net/badge/Buy%20me%20a%20coffee/Donate/blue)](https://www.buymeacoffee.com/juliencrn)

BTC: `bc1qwys40tnd0lxf9lr9l0t6xc63dpxyucj4x4nay0`

ETH: `0x36a85155a8300754C56395D5af24553FB18915D6`

## 📝 License

This project is [MIT](https://github.com/juliencrn/usehooks-ts/blob/master/LICENSE) licensed.


================================================
FILE: apps/www/.eslintrc.cjs
================================================
module.exports = {
  extends: ['next/core-web-vitals', 'custom'],
  rules: {
    '@typescript-eslint/require-await': 'off',
  },
}


================================================
FILE: apps/www/.gitignore
================================================
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# generated
/.next/
/out/
/build
generated
public/sitemap.xml
public/robots.txt

# misc
.DS_Store
*.pem

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# local env files
.env*.local

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts




================================================
FILE: apps/www/CHANGELOG.md
================================================
# www

## 1.0.4

### Patch Changes

- Updated dependencies [b1dffb9]
  - usehooks-ts@3.1.1

## 1.0.3

### Patch Changes

- Updated dependencies [e62c41f]
- Updated dependencies [90a33f5]
- Updated dependencies [06dfd5e]
  - usehooks-ts@3.1.0

## 1.0.2

### Patch Changes

- 4f40e02: Fix a link in migration docs
- Updated dependencies [b14db5b]
- Updated dependencies [59c0b93]
- Updated dependencies [b14db5b]
- Updated dependencies [b14db5b]
- Updated dependencies [09341a3]
  - usehooks-ts@3.0.2

## 1.0.1

### Patch Changes

- Updated dependencies
  - usehooks-ts@3.0.1

## 1.0.0

### Major Changes

- a8e8968: Remove previously deprecated hooks and hooks' signatures (#503)
- a8e8968: Move the full workspace into ES Module

### Minor Changes

- a8e8968: Prefer type over interface (#515)

### Patch Changes

- Updated dependencies [a8e8968]
- Updated dependencies [a8e8968]
- Updated dependencies [a8e8968]
- Updated dependencies [a8e8968]
  - usehooks-ts@3.0.0

## 0.2.4

### Patch Changes

- 0d99db9: chore(deps): update all non-major dependencies
- Updated dependencies [d881f08]
- Updated dependencies [fc25779]
- Updated dependencies [9b65ce8]
- Updated dependencies [d42741f]
- Updated dependencies [d42741f]
- Updated dependencies [d881f08]
- Updated dependencies [0d99db9]
- Updated dependencies [d881f08]
  - usehooks-ts@2.16.0

## 0.2.3

### Patch Changes

- Updated dependencies [b88cc01]
- Updated dependencies [823b62f]
  - usehooks-ts@2.15.1

## 0.2.2

### Patch Changes

- 4456e32: chore: improve introduction page
- Updated dependencies [649ef39]
- Updated dependencies [649ef39]
- Updated dependencies [6514683]
  - usehooks-ts@2.15.0

## 0.2.1

### Patch Changes

- Updated dependencies [7d74e09]
- Updated dependencies [2660580]
- Updated dependencies [bc3f967]
- Updated dependencies [d60f1c6]
  - usehooks-ts@2.14.0

## 0.2.0

### Minor Changes

- b5b9e1f: chore: Updated dependencies
- 4c8c330: various improvements to the site

### Patch Changes

- bdf7bda: Add eslint rules to comply with verbatimModuleSyntax to avoid side-effects
- Updated dependencies [87a5141]
- Updated dependencies [b5b9e1f]
- Updated dependencies [87ba579]
- Updated dependencies [4146c39]
- Updated dependencies [bdf7bda]
- Updated dependencies [6b582de]
- Updated dependencies [f39078f]
- Updated dependencies [a444ba7]
- Updated dependencies [e807ab3]
- Updated dependencies [be8c35b]
  - usehooks-ts@2.13.0

## 0.1.6

### Patch Changes

- Updated dependencies
  - usehooks-ts@2.12.1

## 0.1.5

### Patch Changes

- Updated dependencies [cb6eb5c]
- Updated dependencies [b8ee088]
  - usehooks-ts@2.12.0

## 0.1.4

### Patch Changes

- add1431: Upgrade dependencies
- 0321342: Make Typescript and typescript-eslint stricter
- Updated dependencies [4a9fc88]
- Updated dependencies [add1431]
- Updated dependencies [add1431]
- Updated dependencies [4a9fc88]
- Updated dependencies [a192167]
- Updated dependencies [0321342]
- Updated dependencies [382161a]
- Updated dependencies [5c210c1]
- Updated dependencies [add1431]
- Updated dependencies [add1431]
- Updated dependencies [382161a]
- Updated dependencies [a192167]
- Updated dependencies [5c210c1]
- Updated dependencies [0321342]
- Updated dependencies [fc8a30e]
  - usehooks-ts@2.11.0

## 0.1.3

### Patch Changes

- Updated dependencies [a816d6b]
- Updated dependencies [42f3a3a]
- Updated dependencies [9bc05f4]
- Updated dependencies [4b3ed4e]
- Updated dependencies [8f3c90f]
- Updated dependencies [a3588b8]
- Updated dependencies [c326dd3]
- Updated dependencies [e8aa777]
- Updated dependencies [c5ad2b9]
- Updated dependencies [7406e3c]
- Updated dependencies [ffe0f32]
- Updated dependencies [ae47c9a]
- Updated dependencies [771afa5]
  - usehooks-ts@2.10.0

## 0.1.2

### Patch Changes

- 7141d01: Upgrade internal dependencies
- Update useCopyToClipboard documentation
- Fix typo in useEventListener
- Updated dependencies [7141d01]
- Updated dependencies
- Updated dependencies
  - usehooks-ts@2.9.5

## 0.1.1

### Patch Changes

- Updated dependencies
  - usehooks-ts@2.9.4


================================================
FILE: apps/www/env.js
================================================
/* eslint-disable @typescript-eslint/no-unsafe-call */
/* eslint-disable @typescript-eslint/no-unsafe-assignment */
import { createEnv } from '@t3-oss/env-nextjs'
import { z } from 'zod'

export const env = createEnv({
  server: {},
  client: {
    NEXT_PUBLIC_GA_MEASUREMENT_ID: z.string().optional().default(''),
    NEXT_PUBLIC_ALGOLIA_APP_ID: z.string().optional().default(''),
    NEXT_PUBLIC_ALGOLIA_SEARCH_KEY: z.string().optional().default(''),
    NEXT_PUBLIC_UMAMI_WEBSITE_ID: z.string().optional().default(''),
  },
  runtimeEnv: {
    NEXT_PUBLIC_GA_MEASUREMENT_ID: process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID,
    NEXT_PUBLIC_ALGOLIA_APP_ID: process.env.NEXT_PUBLIC_ALGOLIA_APP_ID,
    NEXT_PUBLIC_ALGOLIA_SEARCH_KEY: process.env.NEXT_PUBLIC_ALGOLIA_SEARCH_KEY,
    NEXT_PUBLIC_UMAMI_WEBSITE_ID: process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID,
  },
})


================================================
FILE: apps/www/next-sitemap.config.js
================================================
/**
 * Generate sitemap.xml and robots.txt for all kind of pages
 * @doc https://www.npmjs.com/package/next-sitemap
 */

/** @type {import('next-sitemap').IConfig} */
const config = {
  siteUrl: 'https://usehooks-ts.com',
  changefreq: 'daily',
  priority: 0.7,
  generateIndexSitemap: false,
  generateRobotsTxt: true,
  robotsTxtOptions: {
    policies: [
      {
        userAgent: '*',
        allow: '/',
      },
    ],
  },
}

export default config


================================================
FILE: apps/www/next.config.js
================================================
import './env.js'

const deletedHooks = [
  'use-debounce',
  'use-effect-once',
  'use-element-size',
  'use-fetch',
  'use-image-on-load',
  'use-is-first-render',
  'use-locked-body',
  'use-update-effect',
]

/** @type {import('next').NextConfig} */
const nextConfig = {
  async redirects() {
    return deletedHooks.map(slug => ({
      source: `/react-hook/${slug}`,
      destination: '/migrate-to-v3#removed-hooks',
      permanent: true,
    }))
  },
}

export default nextConfig


================================================
FILE: apps/www/package.json
================================================
{
  "name": "www",
  "version": "1.0.4",
  "private": true,
  "type": "module",
  "scripts": {
    "dev": "next dev",
    "build": "pnpm generate-doc && next build && pnpm generate-sitemap",
    "generate-sitemap": "rimraf public/sitemap.xml public/robots.txt && next-sitemap --config ./next-sitemap.config.js",
    "start": "next start",
    "lint": "next lint && tsc --noEmit",
    "clean": "rimraf *.tsbuildinfo .next .turbo",
    "generate-doc": "cd ../.. && pnpm generate-doc && cd -"
  },
  "dependencies": {
    "@next/third-parties": "^14.1.0",
    "@radix-ui/react-dialog": "^1.0.5",
    "@radix-ui/react-dropdown-menu": "^2.0.6",
    "@radix-ui/react-slot": "^1.0.2",
    "@t3-oss/env-nextjs": "^0.9.2",
    "@types/voca": "^1.4.1",
    "algoliasearch": "^4.22.1",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.0",
    "cmdk": "^1.0.0",
    "date-fns": "^3.3.1",
    "gray-matter": "^4.0.3",
    "lucide-react": "^0.364.0",
    "next": "14.1.4",
    "next-mdx-remote": "^4.4.1",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-instantsearch": "^7.6.0",
    "rehype-prism-plus": "^2.0.0",
    "remark-gfm": "^3.0.1",
    "schema-dts": "^1.1.2",
    "tailwind-merge": "^2.2.1",
    "tailwindcss": "3.4.3",
    "tailwindcss-animate": "^1.0.7",
    "usehooks-ts": "workspace:*",
    "voca": "^1.4.1",
    "zod": "^3.22.4"
  },
  "devDependencies": {
    "@tailwindcss/line-clamp": "^0.4.4",
    "@tailwindcss/typography": "^0.5.10",
    "@types/node": "20.12.2",
    "@types/react": "18.2.73",
    "@types/react-dom": "18.2.23",
    "autoprefixer": "10.4.19",
    "eslint-config-custom": "workspace:*",
    "eslint-config-next": "14.1.4",
    "next-sitemap": "^4.2.3",
    "postcss": "8.4.38",
    "typescript": "5.4.3"
  }
}


================================================
FILE: apps/www/postcss.config.cjs
================================================
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}


================================================
FILE: apps/www/public/site.webmanifest
================================================
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

================================================
FILE: apps/www/src/app/(docs)/introduction/page.tsx
================================================
import { CommandCopy } from '@/components/command-copy'
import { PageHeader } from '@/components/docs/page-header'
import { RightSidebar } from '@/components/docs/right-sidebar'
import { components } from '@/components/ui/components'
import { siteConfig } from '@/config/site'

export default async function IntroductionPage() {
  return (
    <main className="relative py-6 lg:gap-10 lg:py-10 xl:grid xl:grid-cols-[1fr_300px]">
      <div className="mx-auto w-full min-w-0">
        <PageHeader
          id="introduction"
          className="scroll-m-20"
          heading={'Getting started'}
        />
        <components.h2>Introduction</components.h2>
        <components.p>
          <span className="font-bold">useHooks(🔥).ts </span>
          is a React hooks library, written in Typescript and easy to use. It
          provides a set of hooks that enables you to build your React
          applications faster. The hooks are built upon the principles of{' '}
          <span className="font-semibold">DRY</span> (Don&apos;t Repeat
          Yourself). There are hooks for most common use cases you might need.
        </components.p>
        <components.p>
          The library is designed to be as minimal as possible. It is fully
          tree-shakable (using the ESM version), meaning that you only import
          the hooks you need, and the rest will be removed from your bundle
          making the cost of using this library negligible. Most hooks are
          extensively tested and are being used in production environments.
        </components.p>
        <components.h2>Install</components.h2>
        <components.p>
          Get started installing{' '}
          <components.code>
            <components.a href={siteConfig.links.npm}>usehooks-ts</components.a>
          </components.code>{' '}
          using your preferred package manager.
        </components.p>
        <CommandCopy
          className="my-2"
          command={{
            npm: 'npm install usehooks-ts',
            pnpm: 'pnpm add usehooks-ts',
            yarn: 'yarn add usehooks-ts',
            bun: 'bun add usehooks-ts',
          }}
        />
      </div>

      <RightSidebar
        toc={{
          items: [
            { title: 'Introduction', url: '#introduction' },
            { title: 'Install', url: '#install' },
          ],
        }}
      />
    </main>
  )
}


================================================
FILE: apps/www/src/app/(docs)/layout.tsx
================================================
import Link from 'next/link'

import { DocSearch } from '@/components/doc-search'
import { LeftSidebar } from '@/components/docs/left-sidebar'
import { MainNav } from '@/components/main-nav'
import { GitHub } from '@/components/ui/icons'
import { docsConfig } from '@/config/docs'
import { siteConfig } from '@/config/site'
import { getHookList } from '@/lib/api'

type DocsLayoutProps = {
  children: React.ReactNode
}

export default async function DocsLayout({ children }: DocsLayoutProps) {
  const hooks = await getHookList()

  return (
    <>
      <header className="sticky top-0 z-40 w-full border-b bg-background">
        <div className="container flex h-16 items-center space-x-4 sm:justify-between sm:space-x-0">
          <MainNav items={docsConfig.mainNav}>
            <LeftSidebar items={docsConfig.sidebarNav} hooks={hooks} />
          </MainNav>
          <div className="flex flex-1 items-center space-x-4 sm:justify-end">
            <nav className="flex space-x-4">
              <DocSearch />
              <Link
                href={siteConfig.links.github}
                target="_blank"
                rel="noreferrer"
                className="flex"
              >
                <GitHub className="h-6 w-6 my-auto" />
                <span className="sr-only">GitHub</span>
              </Link>
            </nav>
          </div>
        </div>
      </header>

      <main className="container flex-1">
        <div className="flex-1 md:grid md:grid-cols-[220px_1fr] md:gap-6 lg:grid-cols-[240px_1fr] lg:gap-10">
          <LeftSidebar items={docsConfig.sidebarNav} hooks={hooks} />
          {children}
        </div>
      </main>
    </>
  )
}


================================================
FILE: apps/www/src/app/(docs)/migrate-to-v3/page.tsx
================================================
import { PageHeader } from '@/components/docs/page-header'
import { RightSidebar } from '@/components/docs/right-sidebar'
import { components } from '@/components/ui/components'

export default async function MigrateToV3Page() {
  return (
    <main className="relative py-6 lg:gap-10 lg:py-10 xl:grid xl:grid-cols-[1fr_300px]">
      <div className="mx-auto w-full min-w-0">
        <PageHeader
          id="migrate-to-v3"
          className="scroll-m-20"
          heading={'Migrate to v3'}
        />
        <components.h2>Introduction</components.h2>
        <components.p>
          <components.code>usehooks-ts</components.code>
          {` bumped to version
          3 and it's a major release with a lot of changes
          and improvements.`}
        </components.p>

        <components.p></components.p>

        <components.h2>Changes</components.h2>
        <components.h3>Removed hooks</components.h3>
        <components.p>
          Some hooks were removed from the library. The following hooks were
          removed:
        </components.p>
        <components.ul>
          <components.li>
            <components.code>useDebounce</components.code>: Replaced by both{' '}
            <components.a href="/react-hook/use-debounce-value">
              useDebounceValue
            </components.a>{' '}
            and{' '}
            <components.a href="/react-hook/use-debounce-callback">
              useDebounceCallback
            </components.a>
            .
          </components.li>
          <components.li>
            <components.code>useFetch</components.code>
            {`: Prefer other solutions
            like React server components, your framework's data fetching
            solution, or a caching library like `}
            <components.a href="https://swr.vercel.app">SWR</components.a> or{' '}
            <components.a href="https://tanstack.com/query/latest">
              React Query
            </components.a>
            .
          </components.li>
          <components.li>
            <components.code>useElementSize</components.code>: Replaced by more
            performant{' '}
            <components.a href="/react-hook/use-resize-observer">
              <components.code>useResizeObserver</components.code>
            </components.a>
            .
          </components.li>
          <components.li>
            <components.code>useLockedBody</components.code>: Replaced by more
            generic{' '}
            <components.a href="/react-hook/use-scroll-lock">
              <components.code>useScrollLock</components.code>
            </components.a>
            .
          </components.li>
          <components.li>
            <components.code>useIsFirstRender</components.code>: Not comply with
            the React functional mindset.
          </components.li>
          <components.li>
            <components.code>useSsr</components.code>: It was not a React hook.
          </components.li>
          <components.li>
            <components.code>useEffectOnce</components.code>: Unnecessary
            abstraction, prefer built-in React hooks.
          </components.li>
          <components.li>
            <components.code>useUpdateEffect</components.code>: Unnecessary
            abstraction, prefer built-in React hooks.
          </components.li>
          <components.li>
            <components.code>useImageOnLoad</components.code>: Too opinionated.
          </components.li>
        </components.ul>

        <components.h3>Updated hook signatures</components.h3>
        <components.p>
          Some hook signature have been updated introducing breaking changes.
        </components.p>
        <components.ul>
          <components.li>
            <components.a href="/react-hook/use-countdown">
              <components.code>useCountdown</components.code>
            </components.a>
          </components.li>
          <components.li>
            <components.a href="/react-hook/use-dark-mode">
              <components.code>useDarkMode</components.code>
            </components.a>
          </components.li>
          <components.li>
            <components.a href="/react-hook/use-intersection-observer">
              <components.code>useIntersectionObserver</components.code>
            </components.a>
          </components.li>
          <components.li>
            <components.a href="/react-hook/use-media-query">
              <components.code>useMediaQuery</components.code>
            </components.a>
          </components.li>
          <components.li>
            <components.a href="/react-hook/use-ternary-dark-mode">
              <components.code>useTernaryDarkMode</components.code>
            </components.a>
          </components.li>
        </components.ul>
      </div>

      <RightSidebar
        toc={{
          items: [
            { title: 'Introduction', url: '#introduction' },
            {
              title: 'Changes',
              url: '#changes',
              items: [
                { title: 'Removed hooks', url: '#removed-hooks' },
                {
                  title: 'Updated hook signatures',
                  url: '#updated-hook-signatures',
                },
              ],
            },
          ],
        }}
      />
    </main>
  )
}


================================================
FILE: apps/www/src/app/(docs)/react-hook/[slug]/page.tsx
================================================
import type { Metadata } from 'next'
import type { Article, WithContext } from 'schema-dts'

import { PageHeader } from '@/components/docs/page-header'
import { Pager } from '@/components/docs/pager'
import { RightSidebar } from '@/components/docs/right-sidebar'
import { siteConfig } from '@/config/site'
import { getHook, getHookList } from '@/lib/api'

export const generateStaticParams = async () => {
  const hooks = await getHookList()
  return hooks.map(hook => ({ slug: hook.slug }))
}

function stringifyDescription(description: string) {
  return description.replace(/\[([^\]]+)\]\([^)]+\)/g, '$1').replace(/`/g, '')
}

function getPostUrl(slug: string) {
  return `${siteConfig.url}/react-hook/${slug}`
}

function getImageUrl(name: string) {
  return `https://via.placeholder.com/1200x630.png/007ACC/fff/?text=${name}`
}

export const generateMetadata = async (props: {
  params: { slug: string }
}): Promise<Metadata> => {
  const hooks = await getHookList()
  const hook = hooks.find(hook => hook.slug === props.params.slug)
  if (!hook) {
    return {}
  }

  const title = hook.name
  const description = stringifyDescription(hook.summary)
  const url = getPostUrl(hook.slug)
  const imageUrl = getImageUrl(title)
  return {
    title,
    description,
    openGraph: {
      title,
      description,
      type: 'article',
      url,
      images: [
        {
          url: imageUrl,
          width: 1200,
          height: 630,
          alt: title,
        },
      ],
    },
    twitter: {
      card: 'summary_large_image',
      title,
      description,
      images: [imageUrl],
    },
  }
}

export default async function HookPage({
  params,
}: {
  params: { slug: string }
}) {
  const [{ frontmatter, content }, hookList] = await Promise.all([
    getHook(params.slug),
    getHookList(),
  ])

  const ldJson: WithContext<Article> = {
    '@context': 'https://schema.org',
    '@type': 'Article',
    headline: frontmatter.name,
    description: stringifyDescription(frontmatter.summary),
    url: getPostUrl(frontmatter.slug),
    image: [getImageUrl(frontmatter.name)],
    author: [
      {
        '@type': 'Organization',
        name: 'usehooks-ts',
        url: siteConfig.url,
      },
    ],
  }

  return (
    <>
      <script
        id="ld-json"
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify(ldJson),
        }}
      />

      <main className="relative py-6 lg:gap-10 lg:py-10 xl:grid xl:grid-cols-[1fr_300px] xl:grid-rows-[auto_1fr_auto]">
        <div className="mx-auto w-full min-w-0 grid">
          <PageHeader
            id="introduction"
            className="scroll-m-20"
            heading={frontmatter.name}
          />

          {content}

          <hr className="my-4 md:my-6" />
          <Pager slug={frontmatter.slug} hooks={hookList} />
        </div>

        <RightSidebar
          toc={{
            items: [
              { title: 'Usage', url: '#usage' },
              { title: 'API', url: '#api' },
              { title: 'Hook', url: '#hook' },
            ],
          }}
        />
      </main>
    </>
  )
}


================================================
FILE: apps/www/src/app/(marketing)/layout.tsx
================================================
import Link from 'next/link'

import { DocSearch } from '@/components/doc-search'
import { MainNav } from '@/components/main-nav'
import { GitHub } from '@/components/ui/icons'
import { marketingConfig } from '@/config/marketing'
import { siteConfig } from '@/config/site'

type MarketingLayoutProps = {
  children: React.ReactNode
}

export default async function MarketingLayout({
  children,
}: MarketingLayoutProps) {
  return (
    <>
      <header className="container z-40 bg-background">
        <div className="flex h-20 items-center justify-between py-6">
          <MainNav items={marketingConfig.mainNav} />
          <nav className="flex space-x-4 justify-center align-middle">
            <DocSearch />

            <Link
              href={siteConfig.links.github}
              target="_blank"
              rel="noreferrer"
              className="flex"
            >
              <GitHub className="h-6 w-6 my-auto" />
              <span className="sr-only">GitHub</span>
            </Link>
          </nav>
        </div>
      </header>

      <main className="flex-1">{children}</main>
    </>
  )
}


================================================
FILE: apps/www/src/app/(marketing)/page.tsx
================================================
import type { LucideIcon } from 'lucide-react'
import { Blocks, ChevronRight, Gift, Star } from 'lucide-react'
import Link from 'next/link'
import type { BreadcrumbList, WithContext } from 'schema-dts'

import { buttonVariants } from '@/components/ui/button'
import {
  Code,
  GitHub,
  Globe,
  Leaf,
  Puzzle,
  Unplug,
  Zap,
} from '@/components/ui/icons'
import { siteConfig } from '@/config/site'
import { getHookList } from '@/lib/api'
import { cn } from '@/lib/utils'

type Feature = {
  icon: LucideIcon
  title: string
  content: string
}

const features: Feature[] = [
  {
    icon: Zap,
    title: 'Lightweight',
    content:
      'usehooks-ts is a tiny library without any dependencies, ensuring a lean and efficient solution.',
  },
  {
    icon: Unplug,
    title: 'Type-Safe',
    content:
      'Catch compile-time errors with ease and unlock strong typing benefits.',
  },
  {
    icon: Leaf,
    title: 'Tree-Shakable',
    content:
      'Eliminating unused code and delivering leaner bundles for lightning-fast load times.',
  },
  {
    icon: Puzzle,
    title: 'Easy to Use',
    content:
      'Get started in no time! Explore comprehensive documentation and rich examples.',
  },
  {
    icon: Code,
    title: 'Developer-Friendly',
    content:
      "Simplify development with an intuitive and powerful API. Don't repeat yourself.",
  },
  {
    icon: Globe,
    title: 'Open-Source',
    content:
      'Join the vibrant community! Collaborate, contribute, and unlock endless possibilities together.',
  },
]

async function getGitHubStars(): Promise<string | null> {
  try {
    const response = await fetch(
      'https://api.github.com/repos/juliencrn/usehooks-ts',
      {
        headers: {
          Accept: 'application/vnd.github+json',
        },
        next: {
          revalidate: 60,
        },
      },
    )

    if (!response?.ok) {
      return null
    }

    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
    const json = await response.json()

    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/dot-notation
    return parseInt(json['stargazers_count']).toLocaleString()
  } catch (error) {
    return null
  }
}

export default async function IndexPage() {
  const stars = await getGitHubStars()
  const hooks = await getHookList()

  const ldJson: WithContext<BreadcrumbList> = {
    '@context': 'https://schema.org',
    '@type': 'BreadcrumbList',
    name: siteConfig.name,
    description: siteConfig.description,
    url: siteConfig.url,
    itemListElement: (hooks || []).map((hook, index) => ({
      '@type': 'ListItem',
      position: index + 1,
      name: hook.name,
      item: `${siteConfig.url}/react-hook/${hook.slug}`,
    })),
  }

  return (
    <>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify(ldJson),
        }}
      />

      <section className="space-y-6 pb-12 pt-10 lg:py-32">
        <div className="container flex max-w-[64rem] flex-col items-center gap-4 text-center">
          <h1 className="font-heading text-3xl sm:text-5xl md:text-6xl lg:text-7xl">
            {siteConfig.name}
          </h1>
          <p className="max-w-[42rem] leading-normal text-muted-foreground sm:text-xl sm:leading-8">
            {siteConfig.description}
          </p>
          <div className="my-2">
            <Link
              href="/introduction"
              className={cn(buttonVariants({ size: 'lg' }))}
            >
              Explore the docs{` `}
              <ChevronRight className="ml-3 h-5 w-5" />
            </Link>
          </div>
        </div>
      </section>

      <section
        id="features"
        className="container space-y-6 bg-slate-50 dark:bg-transparent py-16 lg:py-32"
      >
        <div className="mx-auto flex max-w-[58rem] flex-col items-center space-y-4 text-center">
          <h2 className="font-heading text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
            Features
          </h2>
          {/* <p className="max-w-[85%] leading-normal text-muted-foreground sm:text-lg sm:leading-7">
            This project is an experiment to see how a modern app, with features
            like auth, subscriptions, API routes, and static pages would work in
            Next.js 13 app dir.
          </p> */}
        </div>
        <div className="mx-auto grid justify-center gap-4 sm:grid-cols-2 md:max-w-[64rem] md:grid-cols-3">
          {features.map(({ title, content, icon: Icon }, i) => (
            <div
              key={i}
              className="relative overflow-hidden rounded-lg border bg-background p-2"
            >
              <div className="flex min-h-[180px] flex-col justify-start rounded-md p-6">
                <Icon className="h-8 w-8 mb-3" />
                <div className="space-y-2">
                  <h3 className="font-bold">{title}</h3>
                  <p className="text-sm">{content}</p>
                </div>
              </div>
            </div>
          ))}
        </div>
      </section>

      <section id="pricing" className="container  py-16 lg:py-32">
        <div className="mx-auto flex max-w-[58rem] flex-col items-center justify-center gap-4 text-center mb-8 lg:mb-12">
          <h2 className="font-heading text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
            Pricing
          </h2>
          <p className="max-w-[85%] leading-normal text-muted-foreground sm:text-lg sm:leading-7">
            Just kidding! usehooks-ts is free and open-source.
            <br />
            You can still make your contribution!
          </p>
        </div>

        <div className="mx-auto flex max-w-[40rem] divide-x divide-solid">
          <div className="flex-1 p-4 md:px-8 flex flex-col justify-end gap-3">
            <Link
              className={cn(
                buttonVariants({ variant: 'secondary' }),
                'justify-start',
              )}
              href={siteConfig.links.github}
              target="_blank"
              rel="noreferrer"
            >
              <Star fill="white" className="h-6 w-6 mr-2" />
              Give us a star
            </Link>
            <Link
              className={cn(
                buttonVariants({ variant: 'secondary' }),
                'justify-start',
              )}
              href={`${siteConfig.links.github}/blob/master/.github/CONTRIBUTING.md`}
              target="_blank"
              rel="noreferrer"
            >
              <Blocks fill="white" className="h-6 w-6 mr-2" />
              Contribute
            </Link>
          </div>

          <div className="flex-1 p-4 md:px-8 flex flex-col justify-end gap-3">
            <Link
              href={`https://github.com/sponsors/juliencrn`}
              className={cn(
                buttonVariants({ variant: 'secondary' }),
                'justify-start',
              )}
              target="_blank"
              rel="noreferrer"
            >
              <Gift className="h-6 w-6 mr-2" />
              Become a sponsor
            </Link>
          </div>
        </div>
      </section>

      <section id="get-started" className="container py-16 lg:py-32">
        <div className="mx-auto flex max-w-[58rem] flex-col items-center justify-center gap-4 text-center">
          <h2 className="font-heading text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
            Ready to get started?
          </h2>
          <div className="my-4">
            <Link
              href="/introduction"
              className={cn(buttonVariants({ size: 'lg' }))}
            >
              Explore the docs{` `}
              <ChevronRight className="ml-3 h-5 w-5" />
            </Link>
          </div>
        </div>
      </section>

      <section id="open-source" className="container py-16 lg:py-32">
        <div className="mx-auto flex max-w-[58rem] flex-col items-center justify-center gap-4 text-center">
          <h2 className="font-heading text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
            Proudly Open Source
          </h2>
          <p className="max-w-[85%] leading-normal text-muted-foreground sm:text-lg sm:leading-7">
            usehooks-ts is open source and powered by open source software.{' '}
            <br /> The code is available on{' '}
            <Link
              href={siteConfig.links.github}
              target="_blank"
              rel="noreferrer"
              className="underline underline-offset-4"
            >
              GitHub
            </Link>
            .{' '}
          </p>
          {stars && (
            <Link
              href={siteConfig.links.github}
              target="_blank"
              rel="noreferrer"
              className="flex"
            >
              <div className="flex h-10 w-10 items-center justify-center space-x-2 rounded-md border border-muted bg-muted">
                <GitHub className="h-6 w-6" />
              </div>
              <div className="flex items-center">
                <div className="h-4 w-4 border-y-8 border-l-0 border-r-8 border-solid border-muted border-y-transparent"></div>
                <div className="flex h-10 items-center rounded-md border border-muted bg-muted px-4 font-medium">
                  {stars} stars on GitHub
                </div>
              </div>
            </Link>
          )}
        </div>
      </section>
    </>
  )
}


================================================
FILE: apps/www/src/app/globals.css
================================================
@tailwind base;
@tailwind components;
@tailwind utilities;
@import './prism.css';

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 47.4% 11.2%;

    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;

    --popover: 0 0% 100%;
    --popover-foreground: 222.2 47.4% 11.2%;

    --card: 0 0% 100%;
    --card-foreground: 222.2 47.4% 11.2%;

    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;

    --primary: 222.2 47.4% 11.2%;
    --primary-foreground: 210 40% 98%;

    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;

    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;

    --destructive: 0 100% 50%;
    --destructive-foreground: 210 40% 98%;

    --ring: 215 20.2% 65.1%;

    --radius: 0.5rem;
  }

  @media (prefers-color-scheme: dark) {
    :root {
      --background: 224 71% 4%;
      --foreground: 213 31% 91%;

      --muted: 223 47% 11%;
      --muted-foreground: 215.4 16.3% 56.9%;

      --popover: 224 71% 4%;
      --popover-foreground: 215 20.2% 65.1%;

      --card: 224 71% 4%;
      --card-foreground: 213 31% 91%;

      --border: 216 34% 17%;
      --input: 216 34% 17%;

      --primary: 210 40% 98%;
      --primary-foreground: 222.2 47.4% 1.2%;

      --secondary: 222.2 47.4% 11.2%;
      --secondary-foreground: 210 40% 98%;

      --accent: 216 34% 17%;
      --accent-foreground: 210 40% 98%;

      --destructive: 0 63% 31%;
      --destructive-foreground: 210 40% 98%;

      --ring: 216 34% 17%;

      --radius: 0.5rem;
    }
  }
}

@layer base {
  * {
    @apply border-border;
  }
  html {
    scroll-behavior: smooth;

    color-scheme: light;

    @media (prefers-color-scheme: dark) {
      color-scheme: dark;
    }
  }
  body {
    @apply bg-background text-foreground;
    font-feature-settings:
      'rlig' 1,
      'calt' 1;
  }

  /* Override the default styles for the Carbon Ads block */
  .carbon-wrap * {
    --carbon-bg-primary: hsl(var(--background));
    --carbon-bg-secondary: hsl(var(--border));
    --carbon-text-color: hsl(var(--foreground));
  }

  .carbon-wrap .carbon-responsive-wrap {
    @apply !rounded-md;
  }

  .carbon-wrap .carbon-poweredby {
    @apply !opacity-100 !text-muted-foreground;
  }
}


================================================
FILE: apps/www/src/app/layout.tsx
================================================
import { GoogleAnalytics } from '@next/third-parties/google'
import type { Metadata, Viewport } from 'next'
import { Inter as FontSans } from 'next/font/google'
import localFont from 'next/font/local'
import Script from 'next/script'

import './globals.css'
import { BuyMeACoffee } from '@/components/buy-me-a-coffee'
import { siteConfig } from '@/config/site'
import { cn } from '@/lib/utils'

const fontSans = FontSans({
  subsets: ['latin'],
  variable: '--font-sans',
})

const fontHeading = localFont({
  src: '../assets/fonts/CalSans-SemiBold.woff2',
  variable: '--font-heading',
})

type RootLayoutProps = {
  children: React.ReactNode
}

export const viewport: Viewport = {
  themeColor: [
    { media: '(prefers-color-scheme: light)', color: 'white' },
    { media: '(prefers-color-scheme: dark)', color: 'black' },
  ],
}

export const metadata: Metadata = {
  metadataBase: new URL(siteConfig.url),
  alternates: {
    canonical: '/',
  },
  title: {
    default: siteConfig.name,
    template: `%s | ${siteConfig.name}`,
  },
  description: siteConfig.description,
  keywords: ['react', 'hooks', 'react-hooks', 'usehooks', 'typescript'],
  authors: [
    {
      name: 'juliencrn',
      url: 'https://github.com/juliencrn',
    },
  ],
  creator: 'juliencrn',

  openGraph: {
    type: 'website',
    locale: 'en_US',
    url: siteConfig.url,
    title: siteConfig.name,
    description: siteConfig.description,
    siteName: siteConfig.name,
    images: [siteConfig.ogImage],
  },
  twitter: {
    card: 'summary_large_image',
    title: siteConfig.name,
    description: siteConfig.description,
    images: [siteConfig.ogImage],
  },
  icons: {
    icon: '/favicon.ico',
    shortcut: '/favicon-16x16.png',
    apple: '/apple-touch-icon.png',
  },
  manifest: '/site.webmanifest',
}

export default function RootLayout({ children }: RootLayoutProps) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body
        suppressHydrationWarning
        className={cn(
          'min-h-screen bg-background font-sans antialiased flex flex-col relative',
          fontSans.variable,
          fontHeading.variable,
        )}
      >
        {children}

        <BuyMeACoffee />
      </body>

      {process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID && (
        <GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID} />
      )}

      {process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID && (
        <Script
          src="https://analytics.eu.umami.is/script.js"
          data-website-id={process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID}
          strategy="lazyOnload"
        />
      )}
    </html>
  )
}


================================================
FILE: apps/www/src/app/prism.css
================================================
@tailwind base;

@layer base {
  :root {
    --github-background: #ffffff;
    --github-color: #24292e;
    --github-comment: #6a737d;
    --github-tag: #22863a;
    --github-boolean: #005cc5;
    --github-string: #032f62;
    --github-function: #6f42c1;
    --github-keyword: #d73a49;
    --github-regex: #e36209;
    --github-highlight-background: hsl(var(--muted));
    --github-highlight-border: #fbbf24;
  }

  @media (prefers-color-scheme: dark) {
    :root {
      --github-background: #0d1117;
      --github-color: #c9d1d9;
      --github-comment: #8b949e;
      --github-tag: #7ee787;
      --github-boolean: #79c0ff;
      --github-string: #a5d6ff;
      --github-function: #d2a8ff;
      --github-keyword: #ff7b72;
      --github-regex: #ffa657;
      --github-highlight-background: #27272a;
      --github-highlight-border: #fbbf24;
    }
  }
}

pre[class*='language-'] {
  background: var(--github-background);
  color: var(--github-color);
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius);
  padding: 8px 0px;
}

pre[class*='language-'] > code[class*='language-'] {
  border: none;
  padding: 0;
  margin-left: 2.8rem;
  min-width: calc(100% - 2.8rem);
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: var(--github-comment);
}

.token.punctuation {
  color: var(--github-color);
}

.token.namespace {
  opacity: 0.7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: var(--github-tag);
}

.token.boolean,
.token.number {
  color: var(--github-boolean);
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: var(--github-string);
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: var(--github-color);
}

.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
  color: var(--github-function);
}

.token.keyword {
  color: var(--github-keyword);
}

.token.regex,
.token.important {
  color: var(--github-regex);
}

.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.code-highlight {
  float: left;
  min-width: 100%;
}

.code-line {
  display: block;
  border-left: 4px solid transparent;
}

.highlight-line {
  background-color: var(--github-highlight-background);
  border-left: 4px solid var(--github-highlight-border);
  margin-left: -2.8rem;
  padding-left: 2.8rem;
}

.line-number::before {
  display: inline-block;
  width: 2rem;
  text-align: right;
  color: var(--github-comment);
  opacity: 0.25;
  content: attr(line);
  position: absolute;
  left: -3rem;
}


================================================
FILE: apps/www/src/components/buy-me-a-coffee.tsx
================================================
import type { CSSProperties } from 'react'

export function BuyMeACoffee() {
  return (
    <a
      href="https://www.buymeacoffee.com/juliencrn"
      target="_blank"
      className="flex items-center justify-center size-16 bg-[#FFDD00] rounded-full fixed right-5 bottom-5 shadow-sm z-50 cursor-pointer font-semibold"
      rel="noreferrer"
      title="Buy Me A Coffee"
    >
      <BuyMeACoffeeLogo />
    </a>
  )
}

function BuyMeACoffeeLogo({
  fill = '#FFFFFF',
  stroke = '#0D0C22',
  size = 32,
}: {
  fill?: CSSProperties['color']
  stroke?: CSSProperties['color']
  size?: number
}) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={size}
      height={size}
      viewBox="0 0 35 50"
      fill="none"
    >
      <path
        d="M30.7512 11.6307L30.7171 11.6106L30.6382 11.5865C30.6699 11.6134 30.7097 11.6289 30.7512 11.6307Z"
        fill={stroke}
      />
      <path d="M31.2481 15.2031L31.21 15.2138L31.2481 15.2031Z" fill={stroke} />
      <path
        d="M30.7659 11.6253C30.761 11.6247 30.7563 11.6236 30.7517 11.6219C30.7514 11.6251 30.7514 11.6283 30.7517 11.6314C30.7569 11.6307 30.7618 11.6286 30.7659 11.6253Z"
        fill={stroke}
      />
      <path
        d="M30.7515 11.6314H30.7572V11.6278L30.7515 11.6314Z"
        fill={stroke}
      />
      <path
        d="M31.2178 15.1962L31.2753 15.1634L31.2967 15.1514L31.3161 15.1307C31.2796 15.1464 31.2463 15.1686 31.2178 15.1962Z"
        fill={stroke}
      />
      <path
        d="M30.8507 11.7088L30.7945 11.6553L30.7563 11.6345C30.7768 11.6707 30.8107 11.6973 30.8507 11.7088Z"
        fill={stroke}
      />
      <path
        d="M16.715 46.3714C16.6701 46.3908 16.6307 46.4212 16.6006 46.4597L16.636 46.4369C16.6601 46.4149 16.6942 46.3888 16.715 46.3714Z"
        fill={stroke}
      />
      <path
        d="M24.9235 44.7473C24.9235 44.6965 24.8987 44.7059 24.9048 44.8864C24.9048 44.8717 24.9108 44.857 24.9134 44.843C24.9168 44.8109 24.9195 44.7794 24.9235 44.7473Z"
        fill={stroke}
      />
      <path
        d="M24.0719 46.3714C24.027 46.3908 23.9877 46.4212 23.9575 46.4597L23.993 46.4369C24.017 46.4149 24.0512 46.3888 24.0719 46.3714Z"
        fill={stroke}
      />
      <path
        d="M10.9344 46.7574C10.9003 46.7277 10.8586 46.7082 10.814 46.7012C10.8501 46.7186 10.8862 46.736 10.9103 46.7493L10.9344 46.7574Z"
        fill={stroke}
      />
      <path
        d="M9.63391 45.5042C9.62859 45.4515 9.61242 45.4005 9.58643 45.3544C9.60484 45.4024 9.62025 45.4516 9.63258 45.5015L9.63391 45.5042Z"
        fill={stroke}
      />
      <path
        d="M18.3715 23.0976C16.5857 23.8665 14.5591 24.7382 11.9326 24.7382C10.8339 24.736 9.74049 24.5844 8.68213 24.2875L10.4987 43.0444C10.563 43.8284 10.9181 44.5594 11.4935 45.0923C12.0689 45.6251 12.8225 45.9208 13.6047 45.9207C13.6047 45.9207 16.1804 46.0552 17.0398 46.0552C17.9648 46.0552 20.7385 45.9207 20.7385 45.9207C21.5205 45.9207 22.274 45.6249 22.8493 45.092C23.4245 44.5592 23.7795 43.8283 23.8438 43.0444L25.7895 22.3173C24.92 22.0187 24.0425 21.8203 23.0533 21.8203C21.3424 21.8196 19.964 22.4122 18.3715 23.0976Z"
        fill={fill}
      />
      <path
        d="M3.05859 15.095L3.08936 15.1238L3.10943 15.1358C3.09397 15.1205 3.07693 15.1068 3.05859 15.095Z"
        fill={stroke}
      />
      <path
        d="M34.1896 13.3639L33.916 11.9762C33.6706 10.7312 33.1134 9.55468 31.8426 9.10468C31.4353 8.96073 30.9732 8.89885 30.6608 8.60086C30.3485 8.30288 30.2562 7.84009 30.1839 7.41094C30.0502 6.62326 29.9244 5.83492 29.7873 5.04859C29.6689 4.37257 29.5753 3.61315 29.267 2.99296C28.8657 2.16022 28.033 1.67322 27.205 1.35102C26.7807 1.19173 26.3477 1.05698 25.9081 0.947426C23.8394 0.398542 21.6644 0.196746 19.5362 0.0817228C16.9817 -0.0600379 14.4204 -0.0173274 11.872 0.209526C9.97525 0.383071 7.97745 0.592939 6.17495 1.25281C5.51616 1.49429 4.8373 1.7842 4.33634 2.29609C3.72169 2.92502 3.52104 3.89768 3.96982 4.68199C4.28886 5.23895 4.82927 5.63245 5.40246 5.89276C6.14906 6.22818 6.92877 6.48341 7.72865 6.65421C9.95585 7.14928 12.2626 7.34368 14.538 7.42641C17.0599 7.52878 19.5859 7.44582 22.0958 7.1782C22.7165 7.10959 23.336 7.0273 23.9545 6.93134C24.6828 6.81901 25.1503 5.86115 24.9356 5.19388C24.6788 4.39611 23.9886 4.08669 23.208 4.2071C23.093 4.22526 22.9786 4.24208 22.8636 4.25889L22.7807 4.271C22.5163 4.30463 22.2518 4.33602 21.9874 4.36517C21.4412 4.42437 20.8937 4.4728 20.3448 4.51046C19.1155 4.59656 17.8828 4.63625 16.6508 4.63827C15.4403 4.63827 14.229 4.60396 13.0211 4.52392C12.47 4.48759 11.9202 4.4414 11.3718 4.38535C11.1223 4.35912 10.8735 4.33154 10.6247 4.3006L10.3879 4.27033L10.3364 4.26293L10.091 4.22728C9.58933 4.15127 9.08771 4.06382 8.59144 3.95822C8.54136 3.94704 8.49657 3.91902 8.46446 3.87879C8.43236 3.83855 8.41486 3.7885 8.41486 3.73691C8.41486 3.68533 8.43236 3.63528 8.46446 3.59504C8.49657 3.55481 8.54136 3.52679 8.59144 3.51561H8.6008C9.03086 3.42346 9.46426 3.34476 9.899 3.27615C10.0439 3.25328 10.1893 3.23086 10.3351 3.20888H10.3391C10.6113 3.19072 10.8849 3.14162 11.1557 3.10933C13.5125 2.86279 15.8832 2.77874 18.2513 2.85776C19.4011 2.89139 20.5501 2.95933 21.6945 3.07637C21.9406 3.10193 22.1854 3.12884 22.4302 3.15911C22.5238 3.17054 22.6181 3.18399 22.7124 3.19543L22.9024 3.22301C23.4562 3.30597 24.0071 3.40664 24.5551 3.52503C25.367 3.70261 26.4097 3.76046 26.7709 4.65508C26.8859 4.93894 26.9381 5.25442 27.0016 5.5524L27.0826 5.93245C27.0847 5.93927 27.0863 5.94624 27.0873 5.9533C27.2785 6.85017 27.4701 7.74704 27.6618 8.64391C27.6758 8.71017 27.6762 8.77862 27.6628 8.84501C27.6493 8.9114 27.6225 8.97429 27.5838 9.02977C27.5451 9.08525 27.4955 9.13212 27.4381 9.16746C27.3806 9.2028 27.3165 9.22585 27.2498 9.23517H27.2444L27.1274 9.25132L27.0117 9.26679C26.6452 9.31477 26.2782 9.35961 25.9108 9.40132C25.1871 9.48428 24.4623 9.55603 23.7364 9.61657C22.294 9.7372 20.8486 9.81635 19.4004 9.85401C18.6625 9.87374 17.9247 9.88294 17.1872 9.88159C14.2517 9.87926 11.3188 9.70768 8.40283 9.36769C8.08714 9.33002 7.77145 9.28966 7.45577 9.24863C7.70056 9.28024 7.27786 9.22441 7.19225 9.2123C6.9916 9.18405 6.79095 9.15468 6.5903 9.12419C5.91679 9.02262 5.24729 8.8975 4.57511 8.78786C3.76249 8.65333 2.98531 8.72059 2.25026 9.12419C1.6469 9.45624 1.15857 9.96544 0.850401 10.5838C0.533376 11.243 0.439071 11.9608 0.297279 12.6691C0.155487 13.3774 -0.0652275 14.1395 0.0183763 14.8666C0.198292 16.4359 1.28915 17.7113 2.85823 17.9965C4.33434 18.2655 5.81847 18.4835 7.30662 18.6691C13.1524 19.3892 19.0582 19.4753 24.9223 18.9261C25.3998 18.8812 25.8767 18.8324 26.3529 18.7794C26.5016 18.763 26.6521 18.7802 26.7934 18.8299C26.9347 18.8795 27.0631 18.9603 27.1693 19.0663C27.2755 19.1724 27.3567 19.3009 27.4071 19.4426C27.4575 19.5843 27.4757 19.7356 27.4605 19.8853L27.312 21.3369C27.0128 24.2701 26.7136 27.2031 26.4144 30.1358C26.1023 33.2157 25.7882 36.2953 25.472 39.3747C25.3829 40.242 25.2937 41.109 25.2045 41.9758C25.1189 42.8294 25.1069 43.7099 24.9457 44.5534C24.6915 45.8799 23.7986 46.6945 22.4957 46.9925C21.3021 47.2657 20.0827 47.4091 18.8586 47.4203C17.5016 47.4277 16.1452 47.3672 14.7881 47.3746C13.3395 47.3826 11.5651 47.2481 10.4468 46.1638C9.46426 45.2113 9.32849 43.72 9.19472 42.4306C9.01637 40.7234 8.83957 39.0164 8.66434 37.3097L7.68116 27.8192L7.0451 21.6786C7.0344 21.577 7.0237 21.4768 7.01367 21.3745C6.93742 20.642 6.42176 19.925 5.60913 19.962C4.91354 19.9929 4.12299 20.5875 4.20458 21.3745L4.67611 25.927L5.65126 35.3442C5.92905 38.0191 6.20617 40.6944 6.48262 43.3703C6.53613 43.8828 6.58628 44.3967 6.64247 44.9093C6.94812 47.7102 9.075 49.2196 11.7089 49.6448C13.2472 49.8936 14.8229 49.9448 16.384 49.9703C18.3851 50.0026 20.4063 50.08 22.3747 49.7154C25.2915 49.1773 27.4799 47.2185 27.7922 44.1801C27.8814 43.303 27.9706 42.4256 28.0597 41.548C28.3563 38.6458 28.6523 35.7433 28.9479 32.8406L29.9151 23.3562L30.3585 19.0095C30.3806 18.794 30.4711 18.5913 30.6166 18.4315C30.7621 18.2717 30.9549 18.1633 31.1665 18.1223C32.0005 17.9588 32.7977 17.6796 33.391 17.0413C34.3354 16.0249 34.5233 14.6998 34.1896 13.3639ZM2.81542 14.3016C2.82813 14.2955 2.80472 14.4052 2.79469 14.4563C2.79268 14.3789 2.7967 14.3103 2.81542 14.3016ZM2.89635 14.9312C2.90304 14.9265 2.9231 14.9534 2.94384 14.9857C2.9124 14.9561 2.89234 14.9339 2.89568 14.9312H2.89635ZM2.97594 15.0368C3.0047 15.0859 3.02009 15.1168 2.97594 15.0368V15.0368ZM3.13579 15.1673H3.1398C3.1398 15.172 3.14716 15.1767 3.14984 15.1814C3.1454 15.1762 3.14048 15.1715 3.13513 15.1673H3.13579ZM31.1277 14.9722C30.828 15.2588 30.3766 15.392 29.9305 15.4586C24.9276 16.2052 19.8519 16.5832 14.7942 16.4164C11.1745 16.292 7.59287 15.8877 4.00928 15.3785C3.65815 15.3287 3.27758 15.2642 3.03614 15.0038C2.58133 14.5128 2.80472 13.524 2.9231 12.9307C3.03145 12.3872 3.23879 11.6628 3.88154 11.5854C4.88478 11.467 6.04989 11.8928 7.04243 12.0442C8.2374 12.2276 9.43684 12.3744 10.6407 12.4848C15.7787 12.9556 21.0029 12.8823 26.1181 12.1935C27.0505 12.0675 27.9795 11.9211 28.9051 11.7543C29.7298 11.6056 30.6441 11.3264 31.1424 12.1854C31.4841 12.7706 31.5296 13.5536 31.4768 14.2148C31.4605 14.5029 31.3354 14.7739 31.127 14.9722H31.1277Z"
        fill={stroke}
      />
    </svg>
  )
}


================================================
FILE: apps/www/src/components/carbon-ads/ads.tsx
================================================
import type { ComponentPropsWithoutRef } from 'react'

import { useScript } from './use-script'
import { cn } from '@/lib/utils'

const adIds = {
  home: 'CWYIE23E',
  docs: 'CWYIEKJU',
} as const

type CarbonAdsProps = {
  variant: keyof typeof adIds
  /** @default cover */
  format?: 'responsive' | 'cover'
} & ComponentPropsWithoutRef<'div'>

export function CarbonAds({
  variant,
  format = 'cover',
  className,
  ...props
}: CarbonAdsProps) {
  const ref = useScript(
    `//cdn.carbonads.com/carbon.js?serve=${adIds[variant]}&placement=usehooks-tscom&format=${format}`,
    '_carbonads_js',
  )

  return <div {...props} className={cn('carbon-wrap', className)} ref={ref} />
}


================================================
FILE: apps/www/src/components/carbon-ads/index.ts
================================================
'use client'

export * from './ads'


================================================
FILE: apps/www/src/components/carbon-ads/use-script.ts
================================================
import { useEffect, useRef } from 'react'

// TODO: We can't use usehooks-ts's useScript because it mounts the script in the document.body, maybe provide a way to specify the mount point
export const useScript = (scriptUrl: string, scriptId: string) => {
  const ref = useRef<HTMLDivElement>(null)

  useEffect(() => {
    const existingScript = document.getElementById(scriptId)

    if (!existingScript) {
      const script = document.createElement('script')

      script.setAttribute('async', '')
      script.setAttribute('type', 'text/javascript')
      script.setAttribute('src', scriptUrl)
      script.setAttribute('id', scriptId)

      ref.current?.appendChild(script)
    }

    return () => {
      if (existingScript) {
        existingScript.remove()
      }
    }
  }, [scriptUrl, scriptId])

  return ref
}


================================================
FILE: apps/www/src/components/command-copy.tsx
================================================
'use client'

import { useState } from 'react'

import { Check, Copy } from 'lucide-react'
import type { ComponentProps } from 'react'
import { useCopyToClipboard } from 'usehooks-ts'

import { Button } from './ui/button'
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuTrigger,
} from './ui/dropdown-menu'
import { cn } from '@/lib/utils'

type CommandCopyProps = {
  command: Record<string, string> | string
  defaultCommand?: string
} & ComponentProps<'code'>

export function CommandCopy({
  className,
  command,
  defaultCommand,
  ...props
}: CommandCopyProps) {
  const [copiedStatus, setCopiedStatus] = useState(false)
  const [, copy] = useCopyToClipboard()

  const handleCopy = (text: string) => {
    setCopiedStatus(true)
    void copy(text)
    setTimeout(() => {
      setCopiedStatus(false)
    }, 2000)
  }
  const renderedCommand =
    typeof command === 'string'
      ? command
      : command[defaultCommand ?? Object.keys(command)[0]]

  return (
    <code
      className={cn(
        'rounded border p-2 gap-2 font-mono text-sm flex dark:bg-[#0d1117] bg-white items-center justify-between',
        className,
      )}
      {...props}
    >
      <div className="px-2">
        {renderedCommand.split(' ').map((arg, i) => (
          <span
            key={arg}
            className={cn(i === 0 ? 'font-bold' : 'text-muted-foreground')}
          >
            {arg}{' '}
          </span>
        ))}
      </div>
      <DropdownMenu open={typeof command === 'string' ? false : undefined}>
        <DropdownMenuTrigger asChild>
          <Button
            variant="ghost"
            size="icon"
            onClick={() => {
              if (typeof command === 'string') {
                handleCopy(renderedCommand)
              }
            }}
          >
            {copiedStatus ? (
              <Check size={16} className="text-muted-foreground" />
            ) : (
              <Copy size={16} className="text-muted-foreground" />
            )}
          </Button>
        </DropdownMenuTrigger>
        <DropdownMenuContent>
          {command &&
            Object.entries(command).map(([key, value]) => (
              <DropdownMenuItem
                key={key}
                onClick={() => {
                  handleCopy(value)
                }}
              >
                {key}
              </DropdownMenuItem>
            ))}
        </DropdownMenuContent>
      </DropdownMenu>
    </code>
  )
}


================================================
FILE: apps/www/src/components/doc-search/command-menu.tsx
================================================
import { Index } from 'react-instantsearch'

import { Footer } from './footer'
import { RenderHits } from './hits'
import { SearchInput } from './input'
import { useCommandMenuContext } from './modal.context'
import {
  CommandDialog,
  CommandEmpty,
  CommandGroup,
  CommandList,
} from '@/components/ui/command'

export function CommandMenu() {
  const { open, setOpen } = useCommandMenuContext()

  return (
    <CommandDialog open={open} onOpenChange={setOpen}>
      <SearchInput />
      <CommandList>
        <Index indexName="hooks">
          <CommandGroup heading="Hooks">
            <RenderHits />
          </CommandGroup>
        </Index>
        <Index indexName="removed-hooks">
          <CommandGroup heading="Removed hooks">
            <RenderHits />
          </CommandGroup>
        </Index>
        <CommandEmpty>No results found.</CommandEmpty>
      </CommandList>
      <Footer />
    </CommandDialog>
  )
}


================================================
FILE: apps/www/src/components/doc-search/doc-search.tsx
================================================
'use client'

import algoliasearch from 'algoliasearch/lite'
import { InstantSearch } from 'react-instantsearch'

import { CommandMenu } from './command-menu'
import { CommandMenuProvider } from './modal.context'
import { OpenButton } from './open-button'

const searchClient = algoliasearch(
  process.env.NEXT_PUBLIC_ALGOLIA_APP_ID ?? '',
  process.env.NEXT_PUBLIC_ALGOLIA_SEARCH_KEY ?? '',
)

export const DocSearch = () => {
  return (
    <CommandMenuProvider>
      <OpenButton />
      <InstantSearch
        searchClient={searchClient}
        indexName="hooks"
        future={{ preserveSharedStateOnUnmount: true }}
      >
        <CommandMenu />
      </InstantSearch>
    </CommandMenuProvider>
  )
}


================================================
FILE: apps/www/src/components/doc-search/footer.tsx
================================================
export function Footer() {
  return (
    <footer className="flex flex-row-reverse items-center justify-between relative px-4 py-2.5 select-none w-full text-xs border-t text-muted-foreground">
      <div>
        <a
          href="https://www.algolia.com/?utm_medium=AOS-referral"
          target="_blank"
          rel="noopener noreferrer"
          className="flex items-center gap-1"
        >
          <span>Search by</span>
          <AlgoliaLogo />
        </a>
      </div>
      <ul className="flex gap-3">
        <li className="flex items-center gap-1">
          <Kbd>
            <EnterKey />
          </Kbd>
          <span>to select</span>
        </li>
        <li className="flex items-center gap-1">
          <Kbd>
            <ArrowDownKey />
          </Kbd>
          <Kbd>
            <ArrowUpKey />
          </Kbd>
          <span>to navigate</span>
        </li>
        <li className="flex items-center gap-1">
          <Kbd>
            <EscapeKey />
          </Kbd>
          <span>to close</span>
        </li>
      </ul>
    </footer>
  )
}

function EscapeKey() {
  return (
    <svg width="15" height="15" aria-label="Escape key" role="img">
      <g
        fill="none"
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="1.2"
      >
        <path d="M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"></path>
      </g>
    </svg>
  )
}

function ArrowDownKey() {
  return (
    <svg width="15" height="15" aria-label="Arrow down" role="img">
      <g
        fill="none"
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="1.2"
      >
        <path d="M7.5 3.5v8M10.5 8.5l-3 3-3-3"></path>
      </g>
    </svg>
  )
}
function ArrowUpKey() {
  return (
    <svg width="15" height="15" aria-label="Arrow up" role="img">
      <g
        fill="none"
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="1.2"
      >
        <path d="M7.5 11.5v-8M10.5 6.5l-3-3-3 3"></path>
      </g>
    </svg>
  )
}

function EnterKey() {
  return (
    <svg width="15" height="15" aria-label="Enter key" role="img">
      <g
        fill="none"
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="1.2"
      >
        <path d="M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"></path>
      </g>
    </svg>
  )
}

function Kbd({ children }: { children: React.ReactNode }) {
  return (
    <kbd className="flex items-center border-none rounded-sm bg-zinc-200 text-zinc-500 p-[2px] h-5 w-5">
      {children}
    </kbd>
  )
}

function AlgoliaLogo() {
  return (
    <svg
      width="77"
      height="19"
      aria-label="Algolia"
      role="img"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 2196.2 500"
    >
      <path
        style={{ fill: '#003dff', fillRule: 'evenodd' }}
        d="M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"
      ></path>
      <rect
        style={{ fill: '#003dff' }}
        x="1845.88"
        y="104.73"
        width="62.58"
        height="277.9"
        rx="5.9"
        ry="5.9"
      ></rect>
      <path
        style={{ fill: '#003dff', fillRule: 'evenodd' }}
        d="M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"
      ></path>
      <path
        style={{ fill: '#003dff', fillRule: 'evenodd' }}
        d="M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"
      ></path>
      <path
        style={{ fill: '#003dff', fillRule: 'evenodd' }}
        d="M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"
      ></path>
      <path
        style={{ fill: '#003dff', fillRule: 'evenodd' }}
        d="M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"
      ></path>
      <path
        style={{ fill: '#003dff', fillRule: 'evenodd' }}
        className="cls-2"
        d="M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"
      ></path>
      <path
        style={{ fill: '#003dff', fillRule: 'evenodd' }}
        d="M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"
      ></path>
      <path
        style={{ fill: '#003dff' }}
        d="M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"
      ></path>
    </svg>
  )
}


================================================
FILE: apps/www/src/components/doc-search/hits.tsx
================================================
import { useRouter } from 'next/navigation'
import { useHits } from 'react-instantsearch'

import { CommandItem } from '../ui/command'
import { useCommandMenuContext } from './modal.context'
import type { Hit } from './types'

export function RenderHits() {
  const { hits, results } = useHits<Hit>()

  if (!results?.index) {
    return null
  }

  return (
    <>
      {hits.map(hit => (
        <HitComponent
          key={hit.objectID}
          hit={hit}
          makeUrl={slug =>
            results.index === 'hooks'
              ? `/react-hook/${slug}`
              : `/migrate-to-v3#removed-hooks`
          }
        />
      ))}
    </>
  )
}

type HitProps = {
  hit: Hit
  makeUrl: (slug: string) => string
}

function HitComponent({ hit, makeUrl }: HitProps) {
  const { handleClose } = useCommandMenuContext()
  const router = useRouter()

  return (
    <CommandItem
      className="flex flex-col [&_mark]:bg-accent [&_mark]:text-accent-foreground"
      onSelect={() => {
        handleClose()

        const url = makeUrl(hit.objectID)
        router.push(url)
      }}
    >
      <div
        className="font-mono"
        dangerouslySetInnerHTML={{
          __html: (hit._highlightResult.name?.value || hit.name) + '()',
        }}
      />
      <div
        className="text-sm text-muted-foreground"
        dangerouslySetInnerHTML={{
          __html: (
            hit._highlightResult.summary?.value ??
            hit?.summary ??
            ''
          ).replace('Custom hook that ', ''),
        }}
      />
    </CommandItem>
  )
}


================================================
FILE: apps/www/src/components/doc-search/index.ts
================================================
export * from './doc-search'


================================================
FILE: apps/www/src/components/doc-search/input.tsx
================================================
import { useRef, useState } from 'react'

import { useSearchBox } from 'react-instantsearch'

import { CommandInput } from '../ui/command'

export function SearchInput() {
  const { query, refine } = useSearchBox()
  const [inputValue, setInputValue] = useState(query)
  const inputRef = useRef<HTMLInputElement>(null)

  function setQuery(newQuery: string) {
    setInputValue(newQuery)
    refine(newQuery)
  }

  return (
    <form
      action=""
      role="search"
      noValidate
      onSubmit={event => {
        event.preventDefault()
        event.stopPropagation()

        if (inputRef.current) {
          inputRef.current.blur()
        }
      }}
      onReset={event => {
        event.preventDefault()
        event.stopPropagation()

        setQuery('')

        if (inputRef.current) {
          inputRef.current.focus()
        }
      }}
    >
      <CommandInput
        ref={inputRef}
        autoComplete="off"
        autoCorrect="off"
        autoCapitalize="off"
        placeholder="Search for hooks…"
        spellCheck={false}
        maxLength={512}
        value={inputValue}
        onValueChange={setQuery}
      />
    </form>
  )
}


================================================
FILE: apps/www/src/components/doc-search/modal.context.tsx
================================================
import { createContext, useContext, useState } from 'react'

import type { Dispatch, SetStateAction } from 'react'

import { useCmdK } from './use-cmd-k'

type CommandMenuContextType = {
  open: boolean
  setOpen: Dispatch<SetStateAction<boolean>>
  handleOpen: () => void
  handleClose: () => void
}

const initialContext: CommandMenuContextType = {
  open: false,
  setOpen: () => undefined,
  handleOpen: () => undefined,
  handleClose: () => undefined,
}

const CommandMenuContext = createContext<CommandMenuContextType>(initialContext)

export function CommandMenuProvider(props: { children: React.ReactNode }) {
  const [open, setOpen] = useState(initialContext.open)

  // Toggle the menu when ⌘K is pressed
  useCmdK(() => {
    setOpen(open => !open)
  })

  const handleOpen = () => {
    setOpen(true)
  }

  const handleClose = () => {
    setOpen(false)
  }

  return (
    <CommandMenuContext.Provider
      value={{ open, setOpen, handleOpen, handleClose }}
    >
      {props.children}
    </CommandMenuContext.Provider>
  )
}

export function useCommandMenuContext() {
  const context = useContext(CommandMenuContext)

  if (!context) {
    throw new Error(
      '`useCommandMenuContext` must be used within a `CommandMenuProvider`',
    )
  }

  return context
}


================================================
FILE: apps/www/src/components/doc-search/open-button.tsx
================================================
import { forwardRef } from 'react'

import { Search } from 'lucide-react'
import type { ButtonHTMLAttributes } from 'react'

import { buttonVariants } from '../ui/button'
import { useCommandMenuContext } from './modal.context'
import { cn } from '@/lib/utils'
type ButtonProps = Omit<
  ButtonHTMLAttributes<HTMLButtonElement>,
  'children' | 'onClick' | 'ref'
>

export const OpenButton = forwardRef<HTMLButtonElement, ButtonProps>(
  function OpenButton(props, ref) {
    const { handleOpen } = useCommandMenuContext()

    return (
      <button
        ref={ref}
        onClick={handleOpen}
        {...props}
        className={cn(
          buttonVariants({ variant: 'secondary' }),
          'hidden sm:flex items-center w-60 text-left space-x-2 text-muted-foreground',
          props.className,
        )}
      >
        <Search className="flex-none w-5 h-5" />

        <span className="flex-auto">Quick search...</span>
        <kbd className="font-sans">
          <abbr title="Command" className="no-underline">
            ⌘
          </abbr>{' '}
          K
        </kbd>
      </button>
    )
  },
)


================================================
FILE: apps/www/src/components/doc-search/types.ts
================================================
type Highlight = {
  value: string
  matchLevel: string
  matchedWords: string[]
}

type Fields<T> = {
  objectID: T
  name: T
  summary?: T
}

export type Hit = Fields<string> & {
  __position: number
  _highlightResult: Fields<Highlight>
}


================================================
FILE: apps/www/src/components/doc-search/use-cmd-k.ts
================================================
import { useEventListener } from 'usehooks-ts'

export function useCmdK(callback: () => void) {
  useEventListener('keydown', event => {
    if (event.key === 'k' && (event.metaKey || event.ctrlKey)) {
      event.preventDefault()
      callback()
    }
  })
}


================================================
FILE: apps/www/src/components/docs/left-sidebar.tsx
================================================
'use client'

import Link from 'next/link'
import { usePathname } from 'next/navigation'

import { cn, mapHookToNavLink } from '@/lib/utils'
import type { BaseHook, SidebarNavItem } from '@/types'

type DocsSidebarNavProps = {
  items: SidebarNavItem[]
  hooks: BaseHook[]
}

export function LeftSidebar(props: DocsSidebarNavProps) {
  const pathname = usePathname()
  const items = [
    ...props.items,
    { title: 'Hooks', items: props.hooks.map(mapHookToNavLink) },
  ]

  if (!items.length) {
    return null
  }

  return (
    <aside className="fixed top-16 z-30 hidden h-[calc(100vh-4rem-1px)] w-full shrink-0 overflow-y-auto border-r py-6 pr-2 md:sticky md:block lg:py-10">
      {items.map((item, index) => (
        <div key={index} className={'pb-8'}>
          <h4 className="mb-1 rounded-md px-2 py-1 text-sm font-medium">
            {item.title}
          </h4>
          {item.items ? (
            <NavItems items={item.items} pathname={pathname} />
          ) : null}
        </div>
      ))}
    </aside>
  )
}

type NavItemsProps = {
  items: SidebarNavItem[]
  pathname: string | null
}

function NavItems({ items, pathname }: NavItemsProps) {
  return items?.length ? (
    <div className="grid grid-flow-row auto-rows-max text-sm">
      {items.map((item, index) =>
        !item.disabled && item.href ? (
          <Link
            key={index}
            href={item.href}
            className={cn(
              'flex w-full items-center rounded-md p-2 hover:underline',
              {
                'bg-muted': pathname === item.href,
              },
            )}
            target={item.external ? '_blank' : ''}
            rel={item.external ? 'noreferrer' : ''}
          >
            {item.title}
          </Link>
        ) : (
          <span
            key={index}
            className="flex w-full cursor-not-allowed items-center rounded-md p-2 opacity-60"
          >
            {item.title}
          </span>
        ),
      )}
    </div>
  ) : null
}


================================================
FILE: apps/www/src/components/docs/page-header.tsx
================================================
import { cn } from '@/lib/utils'

type DocsPageHeaderProps = {
  heading: string
  text?: string
} & React.HTMLAttributes<HTMLDivElement>

export function PageHeader({
  heading,
  text,
  className,
  ...props
}: DocsPageHeaderProps) {
  return (
    <>
      <div className={cn('space-y-4', className)} {...props}>
        <h1 className="inline-block font-heading text-4xl lg:text-5xl">
          {heading}
        </h1>
        {text && <p className="text-xl text-muted-foreground">{text}</p>}
      </div>
      <hr className="my-4" />
    </>
  )
}


================================================
FILE: apps/www/src/components/docs/pager.tsx
================================================
import Link from 'next/link'

import { buttonVariants } from '@/components/ui/button'
import { ChevronLeft, ChevronRight } from '@/components/ui/icons'
import { cn, mapHookToNavLink } from '@/lib/utils'
import type { BaseHook } from '@/types'

type DocsPagerProps = {
  slug: string
  hooks: BaseHook[]
}

export function Pager({ slug, hooks }: DocsPagerProps) {
  const { prev, next } = getPaperElements({ slug, hooks })

  if (!prev && !next) {
    return null
  }

  return (
    <div className="flex flex-row items-center justify-between">
      {prev && (
        <Link
          href={prev.href}
          className={cn(buttonVariants({ variant: 'ghost' }))}
        >
          <ChevronLeft className="mr-2 h-4 w-4" />
          {prev.title}
        </Link>
      )}
      {next && (
        <Link
          href={next.href}
          className={cn(buttonVariants({ variant: 'ghost' }), 'ml-auto')}
        >
          {next.title}
          <ChevronRight className="ml-2 h-4 w-4" />
        </Link>
      )}
    </div>
  )
}

function getPaperElements({ slug, hooks }: DocsPagerProps) {
  const activeIndex = hooks.findIndex(h => h.slug === slug)
  const links = hooks.map(mapHookToNavLink)
  const prev = activeIndex !== 0 ? links[activeIndex - 1] : null
  const next = activeIndex !== hooks.length - 1 ? links[activeIndex + 1] : null

  return { prev, next }
}


================================================
FILE: apps/www/src/components/docs/right-sidebar.tsx
================================================
import { CarbonAds } from '../carbon-ads'
import type { TableOfContents } from './table-of-content'
import { TableOfContent } from './table-of-content'

type Props = {
  toc: TableOfContents
}

export function RightSidebar({ toc }: Props) {
  return (
    <aside className="hidden text-sm xl:block">
      <div className="sticky top-16 -mt-10 max-h-[calc(var(--vh)-4rem)] overflow-y-auto pt-10 flex flex-col gap-10">
        <TableOfContent toc={toc} />

        <CarbonAds variant="docs" />
      </div>
    </aside>
  )
}


================================================
FILE: apps/www/src/components/docs/table-of-content.tsx
================================================
'use client'

import * as React from 'react'

import { cn } from '@/lib/utils'

type Item = {
  title: string
  url: string
  items?: Item[]
}

type Items = {
  items?: Item[]
}

export type TableOfContents = Items
export type TocItem = Item

type TocProps = {
  toc: TableOfContents
}

export function TableOfContent({ toc }: TocProps) {
  const itemIds = React.useMemo(
    () =>
      toc.items
        ? toc.items
            .flatMap(item => [item.url, item?.items?.map(item => item.url)])
            .flat()
            .filter(Boolean)
            .map(id => id?.split('#')[1])
        : [],
    [toc],
  )
  const activeHeading = useActiveItem(itemIds)

  if (!toc?.items) {
    return null
  }

  return (
    <div className="space-y-2">
      <p className="font-medium">On This Page</p>
      <Tree tree={toc} activeItem={activeHeading} />
    </div>
  )
}

// TODO: use useIntersectionObserver from usehooks-ts
function useActiveItem(itemIds: (string | undefined)[]) {
  const [activeId, setActiveId] = React.useState<string>('')

  React.useEffect(() => {
    const observer = new IntersectionObserver(
      entries => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            setActiveId(entry.target.id)
          }
        })
      },
      { rootMargin: `0% 0% -80% 0%` },
    )

    itemIds?.forEach(id => {
      if (!id) {
        return
      }

      const element = document.getElementById(id)
      if (element) {
        observer.observe(element)
      }
    })

    return () => {
      itemIds?.forEach(id => {
        if (!id) {
          return
        }

        const element = document.getElementById(id)
        if (element) {
          observer.unobserve(element)
        }
      })
    }
  }, [itemIds])

  return activeId
}

type TreeProps = {
  tree: TableOfContents
  level?: number
  activeItem?: string | null
}

function Tree({ tree, level = 1, activeItem }: TreeProps) {
  return tree?.items?.length && level < 3 ? (
    <ul className={cn('m-0 list-none', { 'pl-4': level !== 1 })}>
      {tree.items.map((item, index) => {
        return (
          <li key={index} className={cn('mt-0 pt-2')}>
            <a
              href={item.url}
              className={cn(
                'inline-block no-underline',
                item.url === `#${activeItem}`
                  ? 'font-medium text-primary'
                  : 'text-sm text-muted-foreground',
              )}
            >
              {item.title}
            </a>
            {item.items?.length ? (
              <Tree tree={item} level={level + 1} activeItem={activeItem} />
            ) : null}
          </li>
        )
      })}
    </ul>
  ) : null
}


================================================
FILE: apps/www/src/components/main-nav.tsx
================================================
'use client'

import * as React from 'react'

import Link from 'next/link'
import { useSelectedLayoutSegment } from 'next/navigation'

import { MobileNav } from '@/components/mobile-nav'
import { Close, Logo } from '@/components/ui/icons'
import { siteConfig } from '@/config/site'
import { cn } from '@/lib/utils'
import type { MainNavItem } from '@/types'

type MainNavProps = {
  items?: MainNavItem[]
  children?: React.ReactNode
}

export function MainNav({ items, children }: MainNavProps) {
  const segment = useSelectedLayoutSegment()
  const [showMobileMenu, setShowMobileMenu] = React.useState<boolean>(false)

  return (
    <div className="flex gap-6 md:gap-10">
      <Link href="/" className="hidden items-center space-x-2 md:flex">
        <Logo />
        <span className="hidden font-bold sm:inline-block">
          {siteConfig.name}
        </span>
      </Link>
      {items?.length ? (
        <nav className="hidden gap-6 md:flex">
          {items?.map((item, index) => (
            <Link
              key={index}
              href={item.disabled ? '#' : item.href}
              className={cn(
                'flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm',
                item.href.startsWith(`/${segment}`)
                  ? 'text-foreground'
                  : 'text-foreground/60',
                item.disabled && 'cursor-not-allowed opacity-80',
              )}
            >
              {item.title}
            </Link>
          ))}
        </nav>
      ) : null}
      <button
        className="flex items-center space-x-2 md:hidden"
        onClick={() => {
          setShowMobileMenu(!showMobileMenu)
        }}
      >
        {showMobileMenu ? <Close /> : <Logo />}
        <span className="font-bold">Menu</span>
      </button>
      {showMobileMenu && items && (
        <MobileNav items={items}>{children}</MobileNav>
      )}
    </div>
  )
}


================================================
FILE: apps/www/src/components/mobile-nav.tsx
================================================
import * as React from 'react'

import Link from 'next/link'
import { useScrollLock } from 'usehooks-ts'

import { Logo } from '@/components/ui/icons'
import { siteConfig } from '@/config/site'
import { cn } from '@/lib/utils'
import type { MainNavItem } from '@/types'

type MobileNavProps = {
  items: MainNavItem[]
  children?: React.ReactNode
}

export function MobileNav({ items, children }: MobileNavProps) {
  useScrollLock()

  return (
    <div
      className={cn(
        'fixed inset-0 top-16 z-50 grid h-[calc(100vh-4rem)] grid-flow-row auto-rows-max overflow-auto p-6 pb-32 shadow-md animate-in slide-in-from-bottom-80 md:hidden',
      )}
    >
      <div className="relative z-20 grid gap-6 rounded-md bg-popover p-4 text-popover-foreground shadow-md">
        <Link href="/" className="flex items-center space-x-2">
          <Logo />
          <span className="font-bold">{siteConfig.name}</span>
        </Link>
        <nav className="grid grid-flow-row auto-rows-max text-sm">
          {items.map((item, index) => (
            <Link
              key={index}
              href={item.disabled ? '#' : item.href}
              className={cn(
                'flex w-full items-center rounded-md p-2 text-sm font-medium hover:underline',
                item.disabled && 'cursor-not-allowed opacity-60',
              )}
            >
              {item.title}
            </Link>
          ))}
        </nav>
        {children}
      </div>
    </div>
  )
}


================================================
FILE: apps/www/src/components/ui/button.tsx
================================================
import * as React from 'react'

import { Slot } from '@radix-ui/react-slot'
import type { VariantProps } from 'class-variance-authority'
import { cva } from 'class-variance-authority'

import { cn } from '@/lib/utils'

const buttonVariants = cva(
  'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background',
  {
    variants: {
      variant: {
        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
        destructive:
          'bg-destructive text-destructive-foreground hover:bg-destructive/90',
        outline:
          'border border-input hover:bg-accent hover:text-accent-foreground',
        secondary:
          'bg-secondary text-secondary-foreground hover:bg-secondary/80',
        ghost: 'hover:bg-accent hover:text-accent-foreground',
        link: 'underline-offset-4 hover:underline text-primary',
      },
      size: {
        default: 'h-10 py-2 px-4',
        sm: 'h-9 px-3 rounded-md',
        lg: 'h-11 px-8 rounded-md',
        icon: 'h-10 w-10',
      },
    },
    defaultVariants: {
      variant: 'default',
      size: 'default',
    },
  },
)

export type ButtonProps = {
  asChild?: boolean
} & React.ButtonHTMLAttributes<HTMLButtonElement> &
  VariantProps<typeof buttonVariants>

const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
  ({ className, variant, size, asChild = false, ...props }, ref) => {
    const Comp = asChild ? Slot : 'button'
    return (
      <Comp
        className={cn(buttonVariants({ variant, size, className }))}
        ref={ref}
        {...props}
      />
    )
  },
)
Button.displayName = 'Button'

export { Button, buttonVariants }


================================================
FILE: apps/www/src/components/ui/command.tsx
================================================
'use client'

import * as React from 'react'

import type { DialogProps } from '@radix-ui/react-dialog'
import { Command as CommandPrimitive } from 'cmdk'
import { Loader, Search } from 'lucide-react'

import { Dialog, DialogContent } from '@/components/ui/dialog'
import { cn } from '@/lib/utils'

const Command = React.forwardRef<
  React.ElementRef<typeof CommandPrimitive>,
  React.ComponentPropsWithoutRef<typeof CommandPrimitive>
>(({ className, ...props }, ref) => (
  <CommandPrimitive
    ref={ref}
    className={cn(
      'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',
      className,
    )}
    {...props}
  />
))
Command.displayName = CommandPrimitive.displayName

type CommandDialogProps = DialogProps

const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
  return (
    <Dialog {...props}>
      <DialogContent className="overflow-hidden p-0 shadow-lg w-full max-w-[750px]">
        <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
          {children}
        </Command>
      </DialogContent>
    </Dialog>
  )
}

const CommandInput = React.forwardRef<
  HTMLInputElement,
  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & {
    isLoading?: boolean
  }
>(({ isLoading, className, ...props }, ref) => (
  <div className="flex items-center border-b px-3">
    {isLoading ? (
      <Loader className="mr-2 h-4 w-4 shrink-0 animate-spin opacity-50" />
    ) : (
      <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
    )}
    <CommandPrimitive.Input
      ref={ref}
      className={cn(
        'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',
        className,
      )}
      {...props}
    />
  </div>
))

CommandInput.displayName = 'CommandInput'

const CommandList = React.forwardRef<
  React.ElementRef<typeof CommandPrimitive.List>,
  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>
>(({ className, ...props }, ref) => (
  <CommandPrimitive.List
    ref={ref}
    className={cn('max-h-[400px] overflow-y-auto overflow-x-hidden', className)}
    {...props}
  />
))

CommandList.displayName = CommandPrimitive.List.displayName

const CommandEmpty = React.forwardRef<
  React.ElementRef<typeof CommandPrimitive.Empty>,
  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
>((props, ref) => (
  <CommandPrimitive.Empty
    ref={ref}
    className="py-6 text-center text-sm"
    {...props}
  />
))

CommandEmpty.displayName = CommandPrimitive.Empty.displayName

const CommandGroup = React.forwardRef<
  React.ElementRef<typeof CommandPrimitive.Group>,
  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>
>(({ className, ...props }, ref) => (
  <CommandPrimitive.Group
    ref={ref}
    className={cn(
      'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground',
      className,
    )}
    {...props}
  />
))

CommandGroup.displayName = CommandPrimitive.Group.displayName

const CommandSeparator = React.forwardRef<
  React.ElementRef<typeof CommandPrimitive.Separator>,
  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
>(({ className, ...props }, ref) => (
  <CommandPrimitive.Separator
    ref={ref}
    className={cn('-mx-1 h-px bg-border', className)}
    {...props}
  />
))
CommandSeparator.displayName = CommandPrimitive.Separator.displayName

const CommandItem = React.forwardRef<
  React.ElementRef<typeof CommandPrimitive.Item>,
  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>
>(({ className, ...props }, ref) => (
  <CommandPrimitive.Item
    ref={ref}
    className={cn(
      'relative flex cursor-default select-none rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50',
      className,
    )}
    {...props}
  />
))

CommandItem.displayName = CommandPrimitive.Item.displayName

const CommandShortcut = ({
  className,
  ...props
}: React.HTMLAttributes<HTMLSpanElement>) => {
  return (
    <span
      className={cn(
        'ml-auto text-xs tracking-widest text-muted-foreground',
        className,
      )}
      {...props}
    />
  )
}
CommandShortcut.displayName = 'CommandShortcut'

export {
  Command,
  CommandDialog,
  type DialogProps as CommandDialogProps,
  CommandEmpty,
  CommandGroup,
  CommandInput,
  CommandItem,
  CommandList,
  CommandSeparator,
  CommandShortcut,
}


================================================
FILE: apps/www/src/components/ui/components.tsx
================================================
/* eslint-disable jsx-a11y/heading-has-content */

import Link from 'next/link'
import type { ComponentProps, ReactNode } from 'react'
import voca from 'voca'

import { cn } from '@/lib/utils'

// This file was created to be used in src/components/remote-mdx.tsx
// TODO: It can be simplified, refactored, and/or removed.

const slugify = (children?: ReactNode, id?: string): string => {
  return voca.slugify(children?.toString() ?? id)
}

export const H1 = ({ id, className, ...props }: ComponentProps<'h1'>) => (
  <h1
    id={slugify(props.children, id)}
    className={cn(
      'mt-2 scroll-m-20 text-4xl font-bold tracking-tight',
      className,
    )}
    {...props}
  />
)

export const H2 = ({ id, className, ...props }: ComponentProps<'h2'>) => (
  <h2
    id={slugify(props.children, id)}
    className={cn(
      'mt-10 scroll-m-20 pb-1 text-3xl font-semibold tracking-tight first:mt-0',
      className,
    )}
    {...props}
  />
)

export const H3 = ({ id, className, ...props }: ComponentProps<'h3'>) => (
  <h3
    id={slugify(props.children, id)}
    className={cn(
      'mt-8 scroll-m-20 text-2xl font-semibold tracking-tight',
      className,
    )}
    {...props}
  />
)

const isInternal = (href?: string): href is string => !!href?.startsWith('/')

export const SmartLink = ({
  className,
  href,
  ref: _,
  children,
  ...props
}: ComponentProps<'a'>) => {
  const classes = cn('font-medium underline underline-offset-4', className)

  if (isInternal(href)) {
    return (
      <Link {...props} href={href} className={classes}>
        {children}
      </Link>
    )
  }

  return (
    <a
      rel="noopener noreferrer"
      target="_blank"
      {...props}
      href={href}
      className={classes}
    >
      {children}
    </a>
  )
}

export const components = {
  h1: H1,
  h2: H2,
  h3: H3,
  h4: ({ className, ...props }: ComponentProps<'h4'>) => (
    <h4
      className={cn(
        'mt-8 scroll-m-20 text-xl font-semibold tracking-tight',
        className,
      )}
      {...props}
    />
  ),
  h5: ({ className, ...props }: ComponentProps<'h5'>) => (
    <h5
      className={cn(
        'mt-8 scroll-m-20 text-lg font-semibold tracking-tight',
        className,
      )}
      {...props}
    />
  ),
  h6: ({ className, ...props }: ComponentProps<'h6'>) => (
    <h6
      className={cn(
        'mt-8 scroll-m-20 text-base font-semibold tracking-tight',
        className,
      )}
      {...props}
    />
  ),
  a: SmartLink,
  p: ({ className, ...props }: ComponentProps<'p'>) => (
    <p
      className={cn('leading-7 [&:not(:first-child)]:mt-6', className)}
      {...props}
    />
  ),
  ul: ({ className, ...props }: ComponentProps<'ul'>) => (
    <ul className={cn('my-6 ml-6 list-disc', className)} {...props} />
  ),
  ol: ({ className, ...props }: ComponentProps<'ol'>) => (
    <ol className={cn('my-6 ml-6 list-decimal', className)} {...props} />
  ),
  li: ({ className, ...props }: ComponentProps<'li'>) => (
    <li className={cn('mt-2', className)} {...props} />
  ),
  blockquote: ({ className, ...props }: ComponentProps<'blockquote'>) => (
    <blockquote
      className={cn(
        'mt-6 border-l-2 pl-6 italic [&>*]:text-muted-foreground',
        className,
      )}
      {...props}
    />
  ),
  // img: ({ className, alt, ...props }: ComponentProps<'img'>) => (
  //   <img className={cn('rounded-md border', className)} alt={alt} {...props} />
  // ),
  hr: ({ ...props }: ComponentProps<'hr'>) => (
    <hr className="my-4 md:my-8" {...props} />
  ),
  table: ({ className, ...props }: ComponentProps<'table'>) => (
    <div className="my-6 w-full overflow-y-auto">
      <table className={cn('w-full', className)} {...props} />
    </div>
  ),
  tr: ({ className, ...props }: ComponentProps<'tr'>) => (
    <tr
      className={cn('m-0 border-t p-0 even:bg-muted', className)}
      {...props}
    />
  ),
  th: ({ className, ...props }: ComponentProps<'th'>) => (
    <th
      className={cn(
        'border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right',
        className,
      )}
      {...props}
    />
  ),
  td: ({ className, ...props }: ComponentProps<'td'>) => (
    <td
      className={cn(
        'border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right',
        className,
      )}
      {...props}
    />
  ),
  pre: ({ className, ...props }: ComponentProps<'pre'>) => (
    <pre className={cn('mb-4 mt-6 overflow-x-auto', className)} {...props} />
  ),
  code: ({ className, ...props }: ComponentProps<'code'>) => (
    <code
      className={cn(
        'relative rounded border px-[0.3rem] py-[0.2rem] font-mono text-sm',
        className,
      )}
      {...props}
    />
  ),
}


================================================
FILE: apps/www/src/components/ui/dialog.tsx
================================================
'use client'

import * as React from 'react'

import * as DialogPrimitive from '@radix-ui/react-dialog'
import { X } from 'lucide-react'

import { cn } from '@/lib/utils'

const Dialog = DialogPrimitive.Root

const DialogTrigger = DialogPrimitive.Trigger

const DialogPortal = ({ ...props }: DialogPrimitive.DialogPortalProps) => (
  <DialogPrimitive.Portal {...props} />
)
DialogPortal.displayName = DialogPrimitive.Portal.displayName

const DialogOverlay = React.forwardRef<
  React.ElementRef<typeof DialogPrimitive.Overlay>,
  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
>(({ className, ...props }, ref) => (
  <DialogPrimitive.Overlay
    ref={ref}
    className={cn(
      'fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
      className,
    )}
    {...props}
  />
))
DialogOverlay.displayName = DialogPrimitive.Overlay.displayName

const DialogContent = React.forwardRef<
  React.ElementRef<typeof DialogPrimitive.Content>,
  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
>(({ className, children, ...props }, ref) => (
  <DialogPortal>
    <DialogOverlay />
    <DialogPrimitive.Content
      ref={ref}
      className={cn(
        'fixed left-[50%] top-[10%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full',
        className,
      )}
      {...props}
    >
      {children}
      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
        <X className="h-4 w-4" />
        <span className="sr-only">Close</span>
      </DialogPrimitive.Close>
    </DialogPrimitive.Content>
  </DialogPortal>
))
DialogContent.displayName = DialogPrimitive.Content.displayName

const DialogHeader = ({
  className,
  ...props
}: React.HTMLAttributes<HTMLDivElement>) => (
  <div
    className={cn(
      'flex flex-col space-y-1.5 text-center sm:text-left',
      className,
    )}
    {...props}
  />
)
DialogHeader.displayName = 'DialogHeader'

const DialogFooter = ({
  className,
  ...props
}: React.HTMLAttributes<HTMLDivElement>) => (
  <div
    className={cn(
      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
      className,
    )}
    {...props}
  />
)
DialogFooter.displayName = 'DialogFooter'

const DialogTitle = React.forwardRef<
  React.ElementRef<typeof DialogPrimitive.Title>,
  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
>(({ className, ...props }, ref) => (
  <DialogPrimitive.Title
    ref={ref}
    className={cn(
      'text-lg font-semibold leading-none tracking-tight',
      className,
    )}
    {...props}
  />
))
DialogTitle.displayName = DialogPrimitive.Title.displayName

const DialogDescription = React.forwardRef<
  React.ElementRef<typeof DialogPrimitive.Description>,
  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
>(({ className, ...props }, ref) => (
  <DialogPrimitive.Description
    ref={ref}
    className={cn('text-sm text-muted-foreground', className)}
    {...props}
  />
))
DialogDescription.displayName = DialogPrimitive.Description.displayName

export {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
}


================================================
FILE: apps/www/src/components/ui/dropdown-menu.tsx
================================================
'use client'

import * as React from 'react'

import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'
import { Check, ChevronRight, Circle } from 'lucide-react'

import { cn } from '@/lib/utils'

const DropdownMenu = DropdownMenuPrimitive.Root

const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger

const DropdownMenuGroup = DropdownMenuPrimitive.Group

const DropdownMenuPortal = DropdownMenuPrimitive.Portal

const DropdownMenuSub = DropdownMenuPrimitive.Sub

const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup

const DropdownMenuSubTrigger = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
    inset?: boolean
  }
>(({ className, inset, children, ...props }, ref) => (
  <DropdownMenuPrimitive.SubTrigger
    ref={ref}
    className={cn(
      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
      inset && 'pl-8',
      className,
    )}
    {...props}
  >
    {children}
    <ChevronRight className="ml-auto h-4 w-4" />
  </DropdownMenuPrimitive.SubTrigger>
))
DropdownMenuSubTrigger.displayName =
  DropdownMenuPrimitive.SubTrigger.displayName

const DropdownMenuSubContent = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
>(({ className, ...props }, ref) => (
  <DropdownMenuPrimitive.SubContent
    ref={ref}
    className={cn(
      'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',
      className,
    )}
    {...props}
  />
))
DropdownMenuSubContent.displayName =
  DropdownMenuPrimitive.SubContent.displayName

const DropdownMenuContent = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
>(({ className, sideOffset = 4, ...props }, ref) => (
  <DropdownMenuPrimitive.Portal>
    <DropdownMenuPrimitive.Content
      ref={ref}
      sideOffset={sideOffset}
      className={cn(
        'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
        className,
      )}
      {...props}
    />
  </DropdownMenuPrimitive.Portal>
))
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName

const DropdownMenuItem = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
    inset?: boolean
  }
>(({ className, inset, ...props }, ref) => (
  <DropdownMenuPrimitive.Item
    ref={ref}
    className={cn(
      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
      inset && 'pl-8',
      className,
    )}
    {...props}
  />
))
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName

const DropdownMenuCheckboxItem = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
>(({ className, children, checked, ...props }, ref) => (
  <DropdownMenuPrimitive.CheckboxItem
    ref={ref}
    className={cn(
      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
      className,
    )}
    checked={checked}
    {...props}
  >
    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
      <DropdownMenuPrimitive.ItemIndicator>
        <Check className="h-4 w-4" />
      </DropdownMenuPrimitive.ItemIndicator>
    </span>
    {children}
  </DropdownMenuPrimitive.CheckboxItem>
))
DropdownMenuCheckboxItem.displayName =
  DropdownMenuPrimitive.CheckboxItem.displayName

const DropdownMenuRadioItem = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
>(({ className, children, ...props }, ref) => (
  <DropdownMenuPrimitive.RadioItem
    ref={ref}
    className={cn(
      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
      className,
    )}
    {...props}
  >
    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
      <DropdownMenuPrimitive.ItemIndicator>
        <Circle className="h-2 w-2 fill-current" />
      </DropdownMenuPrimitive.ItemIndicator>
    </span>
    {children}
  </DropdownMenuPrimitive.RadioItem>
))
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName

const DropdownMenuLabel = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
    inset?: boolean
  }
>(({ className, inset, ...props }, ref) => (
  <DropdownMenuPrimitive.Label
    ref={ref}
    className={cn(
      'px-2 py-1.5 text-sm font-semibold',
      inset && 'pl-8',
      className,
    )}
    {...props}
  />
))
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName

const DropdownMenuSeparator = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
>(({ className, ...props }, ref) => (
  <DropdownMenuPrimitive.Separator
    ref={ref}
    className={cn('-mx-1 my-1 h-px bg-muted', className)}
    {...props}
  />
))
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName

const DropdownMenuShortcut = ({
  className,
  ...props
}: React.HTMLAttributes<HTMLSpanElement>) => {
  return (
    <span
      className={cn('ml-auto text-xs tracking-widest opacity-60', className)}
      {...props}
    />
  )
}
DropdownMenuShortcut.displayName = 'DropdownMenuShortcut'

export {
  DropdownMenu,
  DropdownMenuCheckboxItem,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuPortal,
  DropdownMenuRadioGroup,
  DropdownMenuRadioItem,
  DropdownMenuSeparator,
  DropdownMenuShortcut,
  DropdownMenuSub,
  DropdownMenuSubContent,
  DropdownMenuSubTrigger,
  DropdownMenuTrigger,
}


================================================
FILE: apps/www/src/components/ui/icons.tsx
================================================
import { forwardRef } from 'react'

import type { LucideIcon, LucideProps } from 'lucide-react'

export { Flame as Logo } from 'lucide-react'
export { X as Close } from 'lucide-react'
export { Loader2 as Spinner } from 'lucide-react'
export { ChevronLeft } from 'lucide-react'
export { ChevronRight } from 'lucide-react'
export { Trash } from 'lucide-react'
export { FileText as Post } from 'lucide-react'
export { File as Page } from 'lucide-react'
export { Image as Media } from 'lucide-react'
export { Settings } from 'lucide-react'
export { CreditCard as Billing } from 'lucide-react'
export { MoreVertical as Ellipsis } from 'lucide-react'
export { Plus as Add } from 'lucide-react'
export { AlertTriangle as Warning } from 'lucide-react'
export { User } from 'lucide-react'
export { ArrowRight } from 'lucide-react'
export { HelpCircle as Help } from 'lucide-react'
export { Pizza } from 'lucide-react'
export { SunMedium as Sun } from 'lucide-react'
export { Moon } from 'lucide-react'
export { Laptop } from 'lucide-react'
export { Zap } from 'lucide-react'
export { Leaf } from 'lucide-react'
export { Globe } from 'lucide-react'
export { Code2 as Code } from 'lucide-react'
export { BookOpenCheck as Book } from 'lucide-react'
export { Unplug } from 'lucide-react'
export { Puzzle } from 'lucide-react'
export { Twitter } from 'lucide-react'
export { Check } from 'lucide-react'

export const GitHub: LucideIcon = forwardRef<SVGSVGElement, LucideProps>(
  function GitHub({ ...props }, ref) {
    return (
      <svg
        aria-hidden="true"
        focusable="false"
        data-prefix="fab"
        data-icon="github"
        role="img"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 496 512"
        {...props}
        ref={ref}
      >
        <path
          fill="currentColor"
          d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
        ></path>
      </svg>
    )
  },
)


================================================
FILE: apps/www/src/config/docs.ts
================================================
import type { DocsConfig } from '@/types'

export const docsConfig: DocsConfig = {
  mainNav: [
    {
      title: 'Documentation',
      href: '/introduction',
    },
  ],
  sidebarNav: [
    {
      title: 'Getting Started',
      items: [
        {
          title: 'Introduction',
          href: '/introduction',
        },
        {
          title: 'Migrate to v3',
          href: '/migrate-to-v3',
        },
      ],
    },
    // Note: Hooks are added here dynamically
  ],
}


================================================
FILE: apps/www/src/config/marketing.ts
================================================
import type { MarketingConfig } from '@/types'

export const marketingConfig: MarketingConfig = {
  mainNav: [
    {
      title: 'Features',
      href: '/#features',
    },
    {
      title: 'Documentation',
      href: '/introduction',
    },
  ],
}


================================================
FILE: apps/www/src/config/site.ts
================================================
import type { SiteConfig } from '@/types'

export const siteConfig: SiteConfig = {
  name: 'usehooks-ts',
  description: 'React hook library, ready to use, written in Typescript.',
  url: 'https://usehooks-ts.com',
  ogImage:
    'https://via.placeholder.com/1200x630.png/007ACC/fff/?text=usehooks-ts',
  links: {
    github: 'https://github.com/juliencrn/usehooks-ts',
    npm: 'https://www.npmjs.com/package/usehooks-ts',
  },
}


================================================
FILE: apps/www/src/lib/api.ts
================================================
'use server'

import { compileMDX } from 'next-mdx-remote/rsc'
import path from 'path'
import rehypePrism from 'rehype-prism-plus'
import remarkGfm from 'remark-gfm'

import { components } from '@/components/ui/components'
import type { BaseHook } from '@/types'
import fs from 'fs/promises'

const SOURCE_PATH = path.resolve(process.cwd(), '..', '..', 'generated', 'docs')

/**
 * Fetches and compiles the Markdown content for a specific hook.
 * @param slug The slug of the hook to fetch.
 * @returns Compiled MDX content for the hook.
 */
export const getHook = async (slug: string) => {
  try {
    const filename = path.resolve(SOURCE_PATH, 'hooks', `${slug}.md`)
    const source = await fs.readFile(filename, { encoding: 'utf-8' })
    return await compileMDX<BaseHook>({
      source,
      options: {
        parseFrontmatter: true,
        mdxOptions: {
          // @ts-ignore any
          rehypePlugins: [[rehypePrism]],
          remarkPlugins: [remarkGfm],
        },
      },
      components,
    })
  } catch (error) {
    console.error(`Error fetching hook with slug '${slug}': `, error)
    throw error
  }
}

/**
 * Retrieves a list of all hooks from the JSON file.
 * @returns An array of BaseHook objects representing all hooks.
 */
export const getHookList = async () => {
  try {
    const filename = path.resolve(SOURCE_PATH, 'hooks.json')
    const file = await fs.readFile(filename, { encoding: 'utf-8' })
    return JSON.parse(file) as BaseHook[]
  } catch (error) {
    console.error(`Error retrieving hook list: `, error)
    throw error
  }
}


================================================
FILE: apps/www/src/lib/utils.ts
================================================
import type { ClassValue } from 'clsx'
import { clsx } from 'clsx'
import { twMerge } from 'tailwind-merge'

import type { BaseHook, NavItem } from '@/types'

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}

export function mapHookToNavLink(hook: BaseHook): NavItem {
  return {
    title: hook.name,
    href: hook.path,
  }
}


================================================
FILE: apps/www/src/types/index.ts
================================================
import type { IconNode } from 'lucide-react'

export type SiteConfig = {
  name: string
  description: string
  url: string
  ogImage: string
  links: {
    github: string
    npm: string
  }
}

export type BaseHook = {
  name: string
  slug: string
  summary: string
  path: string
}

export type NavItem = {
  title: string
  href: string
  disabled?: boolean
}

export type MainNavItem = NavItem

export type SidebarNavItem = {
  title: string
  disabled?: boolean
  external?: boolean
  icon?: keyof IconNode
} & (
  | {
      href: string
      items?: never
    }
  | {
      href?: string
      items: NavItem[]
    }
)

export type DocsConfig = {
  mainNav: MainNavItem[]
  sidebarNav: SidebarNavItem[]
}

export type MarketingConfig = {
  mainNav: MainNavItem[]
}


================================================
FILE: apps/www/tailwind.config.js
================================================
import { fontFamily } from 'tailwindcss/defaultTheme'

/** @type {import('tailwindcss').Config} */
const config = {
  content: ['./src/**/*.{ts,tsx,css}'],
  theme: {
    container: {
      center: true,
      padding: '2rem',
      screens: {
        '2xl': '1400px',
      },
    },
    extend: {
      colors: {
        border: 'hsl(var(--border))',
        input: 'hsl(var(--input))',
        ring: 'hsl(var(--ring))',
        background: 'hsl(var(--background))',
        foreground: 'hsl(var(--foreground))',
        primary: {
          DEFAULT: 'hsl(var(--primary))',
          foreground: 'hsl(var(--primary-foreground))',
        },
        secondary: {
          DEFAULT: 'hsl(var(--secondary))',
          foreground: 'hsl(var(--secondary-foreground))',
        },
        destructive: {
          DEFAULT: 'hsl(var(--destructive))',
          foreground: 'hsl(var(--destructive-foreground))',
        },
        muted: {
          DEFAULT: 'hsl(var(--muted))',
          foreground: 'hsl(var(--muted-foreground))',
        },
        accent: {
          DEFAULT: 'hsl(var(--accent))',
          foreground: 'hsl(var(--accent-foreground))',
        },
        popover: {
          DEFAULT: 'hsl(var(--popover))',
          foreground: 'hsl(var(--popover-foreground))',
        },
        card: {
          DEFAULT: 'hsl(var(--card))',
          foreground: 'hsl(var(--card-foreground))',
        },
      },
      borderRadius: {
        lg: 'var(--radius)',
        md: 'calc(var(--radius) - 2px)',
        sm: 'calc(var(--radius) - 4px)',
      },
      fontFamily: {
        sans: ['var(--font-sans)', ...fontFamily.sans],
        heading: ['var(--font-heading)', ...fontFamily.sans],
      },
      keyframes: {
        'accordion-down': {
          from: { height: 0 },
          to: { height: 'var(--radix-accordion-content-height)' },
        },
        'accordion-up': {
          from: { height: 'var(--radix-accordion-content-height)' },
          to: { height: 0 },
        },
      },
      animation: {
        'accordion-down': 'accordion-down 0.2s ease-out',
        'accordion-up': 'accordion-up 0.2s ease-out',
      },
    },
  },
  plugins: [require('tailwindcss-animate'), require('@tailwindcss/typography')],
}

export default config


================================================
FILE: apps/www/tsconfig.json
================================================
{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "plugins": [
      {
        "name": "next"
      }
    ],
    "paths": {
      "@/*": ["./src/*"]
    }
  },
  "include": [
    "next-env.d.ts",
    "**/*.ts",
    "**/*.tsx",
    ".next/types/**/*.ts",
    "**/*.js"
  ],
  "exclude": ["node_modules"]
}


================================================
FILE: package.json
================================================
{
  "name": "workspace",
  "private": true,
  "description": "React hook library, ready to use, written in Typescript.",
  "author": "Julien CARON <juliencaron@protonmail.com>",
  "homepage": "https://usehooks-ts.com",
  "module": "true",
  "type": "module",
  "keywords": [
    "typescript",
    "react",
    "hooks"
  ],
  "license": "MIT",
  "scripts": {
    "preinstall": "npx only-allow pnpm",
    "dev": "turbo run dev",
    "build": "turbo run build",
    "test": "turbo run test",
    "clean": "rimraf .turbo generated && turbo run clean",
    "format": "prettier --write \"**/*.{json,md,mdx,css,scss,yaml,yml}\" --ignore-path .prettierignore",
    "lint": "turbo run lint",
    "update-testing-issue": "zx ./scripts/update-testing-issue.js",
    "update-algolia-index": "zx ./scripts/update-algolia-index.js",
    "gen-hook": "turbo gen hook --config \"turbo/generators/config.cts\" && pnpm format",
    "changeset": "npx changeset",
    "changeset-version": "npx changeset version",
    "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",
    "@t3-oss/env-core": "^0.9.2",
    "all-contributors-cli": "^6.26.1",
    "algoliasearch": "^4.22.1",
    "date-fns": "^3.3.1",
    "dotenv": "16.4.5",
    "eslint": "^8.56.0",
    "prettier": "^3.2.5",
    "rimraf": "^5.0.5",
    "turbo": "^1.12.4",
    "typedoc": "^0.25.9",
    "typedoc-plugin-markdown": "^3.17.1",
    "typedoc-plugin-mdn-links": "^3.1.17",
    "typedoc-plugin-missing-exports": "^2.2.0",
    "zod": "3.22.4",
    "zx": "^7.2.3"
  },
  "engines": {
    "node": ">=18.17.0"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/juliencrn/usehooks-ts"
  },
  "bugs": {
    "url": "https://github.com/juliencrn/usehooks-ts/issues"
  }
}


================================================
FILE: packages/eslint-config-custom/.eslintrc.cjs
================================================
module.exports = {
  parser: '@typescript-eslint/parser',
  parserOptions: {
    ecmaVersion: 2020,
    sourceType: 'module',
    project: ['./tsconfig.json'],
    ecmaFeatures: {
      jsx: true,
    },
  },
  ignorePatterns: ['dist', '.eslintrc.*'],
  extends: [
    'eslint:recommended',
    'plugin:@typescript-eslint/recommended-type-checked',
    'plugin:@typescript-eslint/strict-type-checked',
    'plugin:@typescript-eslint/stylistic-type-checked',
    'plugin:react-hooks/recommended',
    'plugin:react/recommended',
    'plugin:jsx-a11y/recommended',
    'plugin:import/typescript',
  ],
  plugins: [
    '@typescript-eslint',
    'react',
    'simple-import-sort',
    'prettier',
    'jsx-a11y',
    'eslint-plugin-import',
  ],
  env: {
    browser: true,
    es6: true,
    node: true,
  },
  settings: {
    react: {
      version: 'detect',
    },
  },
  rules: {
    // Format
    'prettier/prettier': 'error',

    // React
    'react/prop-types': 'off',
    'react/jsx-uses-react': 'off',
    'react/react-in-jsx-scope': 'off',

    // Import
    'sort-imports': 'off',
    'import/order': 'off',
    'import/no-cycle': 'error',
    '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': [
      'error',
      {
        groups: [
          ['^\\u0000'], // side effect (E.g."import "normalize.css"")
          ['^react$'],
          ['^[^.]'], // Libs
          ['^../|^~/|^./'],
        ],
      },
    ],

    // 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': [
      'error',
      { 'ts-ignore': 'allow-with-description' },
    ],

    // Allow unused variables that start with an underscore.
    '@typescript-eslint/no-unused-vars': [
      'error',
      {
        argsIgnorePattern: '^_',
        ignoreRestSiblings: true,
      },
    ],

    // Opinionated: no enums
    'no-restricted-syntax': [
      'warn',
      {
        selector: 'TSEnumDeclaration',
        message: 'Prefer union type',
      },
    ],

    // Opinionated: prefer "type" over "interface"
    '@typescript-eslint/consistent-type-definitions': ['warn', 'type'],

    // Disable some TypeScript rules
    '@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: [
    // Specials rules for testing
    {
      extends: ['plugin:vitest/recommended'],
      files: ['**/*.test.ts'],
      plugins: ['vitest'],
      rules: {
        // you should turn the original rule off *only* for test files
        '@typescript-eslint/unbound-method': 'off',
      },
    },
  ],
}


================================================
FILE: packages/eslint-config-custom/.gitignore
================================================
node_modules


================================================
FILE: packages/eslint-config-custom/CHANGELOG.md
================================================
# eslint-config-custom

## 2.0.0

### Major Changes

- a8e8968: Move the full workspace into ES Module

### Minor Changes

- a8e8968: Prefer type over interface (#515)

## 1.2.0

### Minor Changes

- b5b9e1f: chore: Updated dependencies

## 1.1.1

### Patch Changes

- add1431: Upgrade dependencies
- 0321342: Make Typescript and typescript-eslint stricter
- a192167: Migrate from jest to vitest

## 1.1.0

### Minor Changes

- 4b3ed4e: Prevent circular dependencies with Eslint

## 1.0.1

### Patch Changes

- 7141d01: Upgrade internal dependencies


================================================
FILE: packages/eslint-config-custom/README.md
================================================
# eslint-config-custom

## Usage

in your .eslintrc

```json
{
  "extends": ["custom-config"]
}
```


================================================
FILE: packages/eslint-config-custom/index.cjs
================================================
const eslintrc = require('./.eslintrc.cjs')

module.exports = eslintrc


================================================
FILE: packages/eslint-config-custom/package.json
================================================
{
  "name": "eslint-config-custom",
  "private": true,
  "version": "2.0.0",
  "description": "Base configuration for Eslint",
  "main": "index.cjs",
  "author": "Julien CARON <juliencaron@protonmail.com>",
  "license": "MIT",
  "type": "module",
  "devDependencies": {
    "@typescript-eslint/eslint-plugin": "^7.0.2",
    "@typescript-eslint/parser": "^7.0.2",
    "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"
  }
}


================================================
FILE: packages/usehooks-ts/.eslintrc.cjs
================================================
module.exports = {
  extends: ['custom'],
  plugins: ['jsdoc'],
  rules: {
    'jsdoc/check-access': 'warn', // Recommended
    'jsdoc/check-alignment': 'warn', // Recommended
    // 'jsdoc/check-examples': 'warn',
    'jsdoc/check-indentation': 'warn',
    'jsdoc/check-line-alignment': 'warn',
    'jsdoc/check-param-names': 'warn', // Recommended
    'jsdoc/check-property-names': 'warn', // Recommended
    'jsdoc/check-syntax': 'warn',
    // Allow more tags
    'jsdoc/check-tag-names': 'warn', // Recommended
    // 'jsdoc/check-tag-names': [
    //   'warn',
    //   {
    //     definedTags: ['aliases', 'includeExample', 'keywords'],
    //   },
    // ], // Recommended
    'jsdoc/check-types': 'warn', // Recommended
    'jsdoc/check-values': 'warn', // Recommended
    'jsdoc/empty-tags': 'warn', // Recommended
    'jsdoc/implements-on-classes': 'warn', // Recommended
    // 'jsdoc/informative-docs': 'warn',
    'jsdoc/match-description': 'warn',
    'jsdoc/multiline-blocks': 'warn', // Recommended
    'jsdoc/no-bad-blocks': 'warn',
    'jsdoc/no-blank-block-descriptions': 'warn',
    'jsdoc/no-defaults': 'warn',
    // 'jsdoc/no-missing-syntax': 'warn',
    'jsdoc/no-multi-asterisks': 'warn', // Recommended
    // 'jsdoc/no-restricted-syntax': 'warn',
    // 'jsdoc/no-types': 'warn',
    'jsdoc/no-undefined-types': 'warn', // Recommended
    'jsdoc/require-asterisk-prefix': 'warn',
    'jsdoc/require-description': 'warn',
    'jsdoc/require-description-complete-sentence': 'warn',
    'jsdoc/require-example': 'warn',
    // 'jsdoc/require-file-overview': 'warn',
    'jsdoc/require-hyphen-before-param-description': 'warn',
    // 'jsdoc/require-jsdoc': 'warn', // Recommended
    'jsdoc/require-param': 'warn', // Recommended
    'jsdoc/require-param-description': 'warn', // Recommended
    'jsdoc/require-param-name': 'warn', // Recommended
    'jsdoc/require-param-type': 'warn', // Recommended
    'jsdoc/require-property': 'warn', // Recommended
    'jsdoc/require-property-description': 'warn', // Recommended
    'jsdoc/require-property-name': 'warn', // Recommended
    'jsdoc/require-property-type': 'warn', // Recommended
    'jsdoc/require-returns': 'warn', // Recommended
    'jsdoc/require-returns-check': 'warn', // Recommended
    'jsdoc/require-returns-description': 'warn', // Recommended
    'jsdoc/require-returns-type': 'warn', // Recommended
    'jsdoc/require-throws': 'warn',
    'jsdoc/require-yields': 'warn', // Recommended
    'jsdoc/require-yields-check': 'warn', // Recommended
    'jsdoc/sort-tags': 'warn',
    'jsdoc/tag-lines': 'warn', // Recommended
    'jsdoc/valid-types': 'warn', // Recommended
  },
  overrides: [
    // Track tree-shaking potential error in the lib
    {
      files: ['./src/**/!(*.test|*.spec).ts'],
      plugins: ['tree-shaking'],
      rules: {
        'tree-shaking/no-side-effects-in-initialization': 'error',
      },
    },
  ],
  ignorePatterns: ['./dist', './node_modules', './turbo'],
  overrides: [
    {
      files: ['*.test.ts'],
      rules: {
        'jsdoc/require-jsdoc': 'off',
      },
    },
  ],
}


================================================
FILE: packages/usehooks-ts/.gitignore
================================================
node_modules
.turbo
dist


================================================
FILE: packages/usehooks-ts/CHANGELOG.md
================================================
# Changelog

## 3.1.1

### Patch Changes

- b1dffb9: feat: Update peerDependencies to include React 19 @michal-worwag

## 3.1.0

### Minor Changes

- 06dfd5e: Add `remove` function to `useLocalStorage` and `useSessionStorage` (@k-melnychuk & @RubyHuntsman)

### Patch Changes

- e62c41f: Restoration of the `useTernaryDarkMode` related types (@soullivaneuh)
- 90a33f5: fix: reject non-boolean value as a `defaultValue` for `useBoolean` (@luckrnx09)
- 7ba7e3a: test reset for `useCounter` (#570 by @luckrnx09)

## 3.0.2

### Patch Changes

- b14db5b: Add support for focus event to `useOnClickOutside` (Fixes: #522)
- 59c0b93: Add SVG element support to `useEventListener` (#546 by @LumaKernel)
- b14db5b: Expose `AddEventListenerOptions` in `useOnClickOutside` (Fixes #554 from @metav-drimz)
- b14db5b: Support missing refs in `useOnClickOutside` (Fixes: #531)
- 09341a3: feat(useEventCallback): allow optional callback (#550 by @Newbie012)

## 3.0.1

### Patch Changes

- Fix: Update exported files

## 3.0.0

### Major Changes

- a8e8968: Remove previously deprecated hooks and hooks' signatures (#503)
- a8e8968: Improve JSDoc comments and rename or make private some type aliases
- a8e8968: Prefer type over interface (#515)
- a8e8968: Move the full workspace into ES Module

## 2.16.0

### Minor Changes

- 9b65ce8: Add `id` param to `useScript` hook (from #285 by @misidoro)

### Patch Changes

- d881f08: Add `isLocked` state to the `useScrollLock` return (#521 by @kyrylo-soulandwolf)
- fc25779: Resolve warning when using `useScrollLock` in an SSR environment (#521 by @kyrylo-soulandwolf)
- d42741f: Wrap `useCountdown` methods with `useCallback` (from #326 by @gromchen)
- d42741f: Wrap `useCounter` methods with `useCallback` (from #326 by @gromchen)
- d881f08: Fixed `useScrollLock` leaving inline styles (#516 from @novacdenis)
- 0d99db9: chore(deps): update all non-major dependencies
- d881f08: Fixed reflow not considering the padding before the lock (#521 by @kyrylo-soulandwolf)

## 2.15.1

### Patch Changes

- b88cc01: fix `useResizeObserver` initialSize mutation (#504 from @iuriiiurevich)
- 823b62f: Resolve scroll lock issue on ios safari (#509 by @jontewks)

## 2.15.0

### Minor Changes

- 649ef39: ✨ Feature: add `useScrollLock` hook

### Patch Changes

- 649ef39: Deprecated `useLockedBody` replaced by `useScrollLock`
- 6514683: Fix `useMediaQuery` by defining getMatches before use
- d8d8e5d: Upgrade dependencies

## 2.14.0

### Minor Changes

- d60f1c6: Added debounce option to both `useScreen` and `useWindowSize`

### Patch Changes

- 7d74e09: Release documentation for `useEventCallback`
- 2660580: Depreciated `useFetch`, see documentation for more information
- bc3f967: Deprecated `useEffectOnce`, `useIsFirstRender` and `useUpdateEffect`

## 2.13.0

### Minor Changes

- 87a5141: Improve `useOnClickOutside`:

  - Prevent handling callback when clicking on a not connected element (#374 by @hooriza)
  - Add support to accept multiple references
  - Add support for touch events in addition to mouse events

- 87ba579: Fix SSR hooks by fallback with default or initial value instead of `undefined`
- f39078f: Updated `useIntersectionObserver` API and fixed #395, #271 and #182, see #464.
- a444ba7: Depreciated `useElementSize` replaced by `useResizeObserver`
- e807ab3: Create `useResizeObserver` hook

### Patch Changes

- b5b9e1f: chore: Updated dependencies
- 4146c39: fix: `useScript` failed to remove script from cache when passing `removeOnUnmount` prop (#354 by @ShanSenanayake)
- bdf7bda: Add eslint rules to comply with `verbatimModuleSyntax` to avoid side-effects
- 6b582de: use `tsup` as bundler instead of transpiling with tsc (@BlankParticle)
- be8c35b: Fix `useScreen` is not rerendering on screen resize (#280 by @philipgher)

## 2.12.1

### Patch Changes

- Don't remove comments during package build to keep JSdoc comments

## 2.12.0

### Minor Changes

- cb6eb5c: Added an optional option param in `useDocumentTitle()` to reset title on un-mount (#345 by @ladislasdellinger)

### Patch Changes

- b8ee088: move `lodash.debounce` to dependencies from peerDependencies

## 2.11.0

### Minor Changes

- add1431: Created `useUnmount` hook
- add1431: Created `useDebounceCallback` and `useDebounceValue` hooks
- add1431: Depreciated `useDebounce` hook (replaced by `useDebounceCallback` or `useDebounceValue`)
- fc8a30e: Fix hydration issues in both useScreen and useMediaQuery (Fixes #394, thanks to @bryantcodesart)
- 4a9fc88: Introduce the SSR-friendly new optional `{ initializeWithValue?: boolean }` parameter to useLocalStorage, useReadLocalStorage, useSessionStorage, useDarkMode, useTernaryDarkMode, useMediaQuery, useScreen, useWindowSize and useElementSize, see #451.
- 5c210c1: Add `defaultValue` option to `useTernaryDarkMode` and update its signature (using function overload for smooth migration)
- 5c210c1: Update `useDarkMode` signature (using function overload for smooth migration)
- 0321342,4a9fc88: Drop `Map`, `Set` and `Date` supports in use\*Storage hooks, it isn't compatible with `useReadLocalStorage` making the API un-consistent. Use a custom serializer/deserializer instead.

### Patch Changes

- add1431: Upgrade dependencies
- a192167: Upgraded `react` and `@testing-library/react` (thanks to @TheHaff)
- 0321342: Make Typescript and `@typescript-eslint` stricter to catch bugs sooner
- 382161a: Depreciate `useImageOnLoad`, too opinionated
- 382161a: Add JSdoc comments to improve DX via in-IDE documentation
- a192167: Migrate from `jest` to `vitest` (making test-suite execution 2 times faster)

## 2.10.0

### Minor Changes

- 8f3c90f: Enable setting localStorage key for useDarkTheme & useTernaryDarkMode (#298 by @ubarbaxor)
- ae47c9a: Expose setting dark mode value directly (#299 by ubarbaxor)
- 771afa5: Add serialization support for use-\*-storage hooks

### Patch Changes

- a816d6b: Depreciated useSsr [#258](https://github.com/juliencrn/usehooks-ts/issues/258)
- 42f3a3a: Remove the need of commenting out useEffect deps in useMediaQuery (#383 by @lisandro52)
- 9bc05f4: Fix hydration mismatch on use\*\*\*Storage (fixes #176, #369 with #320 & #251)
- 771afa5: Add Date, Set & Map support to use\*Storage (#309 by @AlecsFarias)
- 4b3ed4e: Fix circular dependencies (#310)
- a3588b8: Added unit tests for useFetch hook
- c326dd3: Prevent unrelated storage keys from being updated unexpectedly in useLocalStorage and useSessionStorage (#313 by @stevenvachon fixes #384)
- e8aa777: make useLocalStorage and useSessionStorage compliant with useState (fixes #204 with #242 by @valyrie97)
- c5ad2b9: Recalculate useLocalStorage & useSessionStorage default value on dynamic key change (#355 by @amirking59)
- 7406e3c: fix(useCopyToClipboard): added useCallback to 'copy' to avoid rerendering (by @nmacianx)
- ffe0f32: Set sideEffects to false in package.json

## 2.9.5

### Patch Changes

- 7141d01: Upgrade internal dependencies
- Update useCopyToClipboard documentation
- Fix typo in useEventListener

## 2.9.4

### Patch Changes

- hotfix: package files missing

## [2.9.3](https://www.npmjs.com/package/usehooks-ts/v/2.9.3) - 2024-01-13

### Patch Changes

- Fix #420

## 2.9.2

### Patch Changes

- 55a1904: added export map in package.json
- use named exports instead of default exports
- fix useEventListener docs typo

All notable changes to this project will be documented in this file.

The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

## [2.9.1](https://www.npmjs.com/package/usehooks-ts/v/2.9.1) - 2022-10-13

### Fixes

- fix hard-coded useLockedBody anchor id
- useEventListener passes options to removeEventListener (#235 by @marnusw)
- rename useBoolean, useCounter, useLockedBody and useSidebar hooks ReturnType to Output (#234 by valentinpolitov)

## [2.9.0](https://www.npmjs.com/package/usehooks-ts/v/2.9.0) - 2022-10-13

### Fixes

- Transpile commonjs to es5 (fixes #232)

## [2.8.0](https://www.npmjs.com/package/usehooks-ts/v/2.8.0) - 2022-10-13

### Added

- Added useToggle
- Added options in useScript (#203, #197 by @curtvict)
- Added media query support to useEventListener (#194 by @modex98)

### Updated

- Remove React import line in all files

### Fixes

- docs misspelling (#189 by @JoshuaCS94)
- useIntersectionObserver deps (#195 by @Guesswhoitis)

## [2.7.2](https://www.npmjs.com/package/usehooks-ts/v/2.7.2) - 2022-09-30

### Added

- Added useDocumentTitle (#218 by @curtvict)

### Updated

- Removed `import React` line (not needed since react 17)

### Fixes

- Fixed misspelling (thanks to @alexisoney and @JoshuaCS94)

## [2.7.1](https://www.npmjs.com/package/usehooks-ts/v/2.7.1) - 2022-09-22

### Added

- Support React 18 (#214 by @sharvit)

### Updated

- Remove hooks index files
- Remove source-map

## [2.7.0](https://www.npmjs.com/package/usehooks-ts/v/2.7.0) - 2022-09-19

### Updated

- Move usehooks-ts to the root
- Simplify config files (removing some tools)
- Split the documentation website from the workspace
- Regroup hooks related files together (test, doc, demo, hook)
- Upgrade dependencies

## [2.6.0](https://www.npmjs.com/package/usehooks-ts/v/2.6.0) - 2022-06-20

### Added

- useEventListener now supports `Document` events
- useEventListener now supports native event listener options
- Add useSessionStorage (#171 by @createdbymahmood)
- Add unit tests on useHover (#169 by @createdbymahmood)

## [2.5.4](https://www.npmjs.com/package/usehooks-ts/v/2.5.4) - 2022-05-30

### Added

- improve useCountdown interface (#160 by @PabloLION)
- add SSR unit tests on useIsClient (#161 by @createdbymahmood)

## [2.5.3](https://www.npmjs.com/package/usehooks-ts/v/2.5.3) - 2022-05-16

### Added

- Ignore unrelated 'storage' events in useLocalStorage (#153 from @bogdanailincaipnt)

### Fixes

- Revert #143 useEffectOnce (#152 from @jherr)

## [2.5.2](https://www.npmjs.com/package/usehooks-ts/v/2.5.2) - 2022-05-02

### Fixes

- Fix useFetch (#139 from @daiky218)
- Fix useEffectOnce (#147 from @3GOMESz)

## [2.5.1](https://www.npmjs.com/package/usehooks-ts/v/2.5.1) - 2022-04-12

### Fixes

- Revert dependencies

## [2.5.0](https://www.npmjs.com/package/usehooks-ts/v/2.5.0) - 2022-04-11

### Added

- Memoise useBoolean (#122 from @angusd3v)
- make setter from useLocalStorage referentially stable (#133 from @jbean96)
- add support for useMediaQuery in older versions (#135 from @brycedorn)
- update dependencies

## [2.4.2](https://www.npmjs.com/package/usehooks-ts/v/2.4.2) - 2022-02-27

### Added

- Improve useEventListener reactivity (#117 from @TunA-Kai)
- Use useIsomorphicLayoutEffect instead of useLayoutEffect
- Memoise useLocalStorage setter (from #118)

## [2.4.1](https://www.npmjs.com/package/usehooks-ts/v/2.4.1) - 2022-02-21

### Added

- Add unit tests on useWindowSize (#112 from @createdbymahmood)
- Add unit tests on useElementSize (#111 from @createdbymahmood)
- Add useIsomorphicLayoutEffect and replace all useLayoutEffect (#116)

### Fixes

- Fix use[Read]LocalStorage render cycle (#109 from @bogdanailincaipnt)

## [2.4.0](https://www.npmjs.com/package/usehooks-ts/v/2.4.0) - 2022-02-12

### Added

- Add unit tests on useInterval (#104/#106 from @createdbymahmood)
- Add unit tests on useDarkMode (#105/#106 from @createdbymahmood)

### Updated

- Update local-storage key in useTernaryDarMode (#98 from @PabloLION)
- Update local-storage key in useDarMode (#98 from @PabloLION)
- Update Typescript to 4.5.5 (minor)

## [2.3.0](https://www.npmjs.com/package/usehooks-ts/v/2.3.0) - 2022-01-30

### Added

- Create useTernaryDarMode (#89 from @PabloLION)

## [2.2.2](https://www.npmjs.com/package/usehooks-ts/v/2.2.2) - 2022-01-25

### Fix

- Fix esm and source map (issued (#88) by @egehandulger)

## [2.2.1](https://www.npmjs.com/package/usehooks-ts/v/2.2.1) - 2022-01-12

### Added

- Fix types add tests on useEventListener (#82 from @egehandulger)

## [2.2.0](https://www.npmjs.com/package/usehooks-ts/v/2.2.0) - 2022-01-03

### Added

- Add tests on useIsMounted (#75 from @DidrikLind)
- Add useCountdown() hook (#76 from @hexp1989)
- Add tests on useDebounce (#80 from @DidrikLind)

## [2.1.0](https://www.npmjs.com/package/usehooks-ts/v/2.1.0) - 2021-12-01

### Added

- Create media query hook (#74 from @AbbalYouness)
- Add param to allow 'mouseup' event on useOnClickOutside (#69 from @JamesBarretDev)

## [2.0.2](https://www.npmjs.com/package/usehooks-ts/v/2.0.2) - 2021-11-19

### Added

- Create useClickAnyWhere hook (#66 from @sonjoydatta)

### Fixes

- Fix useTimeout and useInterval (#65 from @oluckyman).
- Fix useOnClickOutside (bug introduced in the 2.0.1).

## [2.0.1](https://www.npmjs.com/package/usehooks-ts/v/2.0.1) - 2021-11-17

### Added

- Simplify useOnClickOutside (introduces a bug fixed in 2.0.2)

## [2.0.0](https://www.npmjs.com/package/usehooks-ts/v/2.0.0) - 2021-11-16

### BREAKING CHANGE

- Fixing the useElementSize changes the hook interface.

## [1.2.1](https://www.npmjs.com/package/usehooks-ts/v/1.2.1) - 2021-11-10

### Added

- useEffectOnce()
- useUpdateEffect()
- useIsFirstRender()
- Add Revonate

### Fixes

- fix(site-templates-post): Fixed edit link (#59 from @ducktordanny)

## [1.1.1](https://www.npmjs.com/package/usehooks-ts/v/1.1.1) - 2021-11-08

### Added

- Add renovate bot.
- Upgrade @Material-ui to Mui@5 (including a lot of UI refactoring)
- Upgrade Gatsby to v4.

### Fix

- Re-generate package-lock.json due wrong npm version.

## [1.1.0](https://www.npmjs.com/package/usehooks-ts/v/1.1.0) - 2021-11-06

- Use useEventListener in the hooks when possible #DRY.
- Enforce tree-shaking support with an Eslint plugin.
- New hook: useStep() (#48 from @qlaffont).

## [1.0.14](https://www.npmjs.com/package/usehooks-ts/v/1.0.14) - 2021-11-03

### Added

- CHANGELOG.md was created.
- SemVer started.
- Upgrade Node and NPM to publish quickly with lerna


================================================
FILE: packages/usehooks-ts/README.md
================================================
<img src="https://github.com/juliencrn/usehooks-ts/blob/master/.github/screenshot.png" alt="usehooks-ts banner" align="center" />

<br />

<div align="center">
<h1>usehooks-ts</h1>

<div>React hook library, ready to use, written in Typescript.</div>

<br />

<!-- Badges -->

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](code_of_conduct.md)
![NPM Downloads](https://img.shields.io/npm/dm/usehooks-ts)
![NPM Downloads](https://img.shields.io/npm/dt/usehooks-ts)
[![License](https://badgen.net/badge/License/MIT/blue)](https://github.com/juliencrn/usehooks-ts/blob/master/LICENSE)
![npm bundle size](https://img.shields.io/bundlephobia/minzip/usehooks-ts)
![npm](https://img.shields.io/npm/v/usehooks-ts)<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
[![All Contributors](https://img.shields.io/badge/all_contributors-253-orange.svg?style=flat-square)](#contributors-)

<!-- ALL-CONTRIBUTORS-BADGE:END -->

<br />
  <pre>npm i <a href="https://www.npmjs.com/package/usehooks-ts">usehooks-ts</a></pre>
  <br />

<div align="center">
  <sub>Created by <a href="https://github.com/juliencrn">Julien Caron</a> and maintained with ❤️ by an amazing <a href="#contributors">team of developers</a>.</sub>
</div>

</div>

<br />

## 💫 Introduction

useHooks(🔥).ts is a React hooks library, written in Typescript and easy to use. It provides a set of hooks that enables you to build your React applications faster. The hooks are built upon the principles of DRY (Don't Repeat Yourself). There are hooks for most common use cases you might need.

The library is designed to be as minimal as possible. It is fully tree-shakable (using the ESM version), meaning that you only import the hooks you need, and the rest will be removed from your bundle making the cost of using this library negligible. Most hooks are extensively tested and are being used in production environments.

### Usage example

```tsx
import { useLocalStorage } from 'usehooks-ts'

function Component() {
  const [value, setValue] = useLocalStorage('my-localStorage-key', 0)

  // ...
}
```

## 🪝 Available Hooks

<!-- HOOKS:START -->

- [`useBoolean`](https://usehooks-ts.com/react-hook/use-boolean) — handles boolean state with useful utility functions.
- [`useClickAnyWhere`](https://usehooks-ts.com/react-hook/use-click-any-where) — handles click events anywhere on the document.
- [`useCopyToClipboard`](https://usehooks-ts.com/react-hook/use-copy-to-clipboard) — copies text to the clipboard using the [Clipboard API](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API).
- [`useCountdown`](https://usehooks-ts.com/react-hook/use-countdown) — manages countdown.
- [`useCounter`](https://usehooks-ts.com/react-hook/use-counter) — manages a counter with increment, decrement, reset, and setCount functionalities.
- [`useDarkMode`](https://usehooks-ts.com/react-hook/use-dark-mode) — returns the current state of the dark mode.
- [`useDebounceCallback`](https://usehooks-ts.com/react-hook/use-debounce-callback) — creates a debounced version of a callback function.
- [`useDebounceValue`](https://usehooks-ts.com/react-hook/use-debounce-value) — returns a debounced version of the provided value, along with a function to update it.
- [`useDocumentTitle`](https://usehooks-ts.com/react-hook/use-document-title) — sets the document title.
- [`useEventCallback`](https://usehooks-ts.com/react-hook/use-event-callback) — creates a memoized event callback.
- [`useEventListener`](https://usehooks-ts.com/react-hook/use-event-listener) — attaches event listeners to DOM elements, the window, or media query lists.
- [`useHover`](https://usehooks-ts.com/react-hook/use-hover) — tracks whether a DOM element is being hovered over.
- [`useIntersectionObserver`](https://usehooks-ts.com/react-hook/use-intersection-observer) — tracks the intersection of a DOM element with its containing element or the viewport using the [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).
- [`useInterval`](https://usehooks-ts.com/react-hook/use-interval) — creates an interval that invokes a callback function at a specified delay using the [setInterval API](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval).
- [`useIsClient`](https://usehooks-ts.com/react-hook/use-is-client) — determines if the code is running on the client side (in the browser).
- [`useIsMounted`](https://usehooks-ts.com/react-hook/use-is-mounted) — determines if the component is currently mounted.
- [`useIsomorphicLayoutEffect`](https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect) — uses either useLayoutEffect or useEffect based on the environment (client-side or server-side).
- [`useLocalStorage`](https://usehooks-ts.com/react-hook/use-local-storage) — uses the [localStorage API](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) to persist state across page reloads.
- [`useMap`](https://usehooks-ts.com/react-hook/use-map) — manages a key-value [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) state with setter actions.
- [`useMediaQuery`](https://usehooks-ts.com/react-hook/use-media-query) — tracks the state of a media query using the [Match Media API](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).
- [`useOnClickOutside`](https://usehooks-ts.com/react-hook/use-on-click-outside) — handles clicks outside a specified element.
- [`useReadLocalStorage`](https://usehooks-ts.com/react-hook/use-read-local-storage) — reads a value from [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage), closely related to [useLocalStorage()](https://usehooks-ts.com/react-hook/use-local-storage).
- [`useResizeObserver`](https://usehooks-ts.com/react-hook/use-resize-observer) — observes the size of an element using the [ResizeObserver API](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).
- [`useScreen`](https://usehooks-ts.com/react-hook/use-screen) — tracks the [screen](https://developer.mozilla.org/en-US/docs/Web/API/Window/screen) dimensions and properties.
- [`useScript`](https://usehooks-ts.com/react-hook/use-script) — dynamically loads scripts and tracking their loading status.
- [`useScrollLock`](https://usehooks-ts.com/react-hook/use-scroll-lock) — A custom hook that locks and unlocks scroll.
- [`useSessionStorage`](https://usehooks-ts.com/react-hook/use-session-storage) — uses the [sessionStorage API](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage) to persist state across page reloads.
- [`useStep`](https://usehooks-ts.com/react-hook/use-step) — manages and navigates between steps in a multi-step process.
- [`useTernaryDarkMode`](https://usehooks-ts.com/react-hook/use-ternary-dark-mode) — manages ternary (system, dark, light) dark mode with local storage support.
- [`useTimeout`](https://usehooks-ts.com/react-hook/use-timeout) — handles timeouts in React components using the [setTimeout API](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout).
- [`useToggle`](https://usehooks-ts.com/react-hook/use-toggle) — manages a boolean toggle state in React components.
- [`useUnmount`](https://usehooks-ts.com/react-hook/use-unmount) — runs a cleanup function when the component is unmounted.
- [`useWindowSize`](https://usehooks-ts.com/react-hook/use-window-size) — tracks the size of the window.
<!-- HOOKS:END -->

## 💚 Backers

Big thanks go to all our backers! [[Become a backer](https://github.com/sponsors/juliencrn)]

<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tbody>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/getsentry"><img src="https://avatars.githubusercontent.com/u/1396951?v=4" width="100px;" alt="Sentry"/><br /><sub><b>Sentry</b></sub></a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/KATT"><img src="https://avatars.githubusercontent.com/u/459267?v=4" width="100px;" alt="KATT"/><br /><sub><b>KATT</b></sub></a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/adhiravishankar"><img src="https://avatars.githubusercontent.com/u/3884741?v=4" width="100px;" alt="Adhi Ravishankar"/><br /><sub><b>Adhi Ravishankar</b></sub></a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/great-work-told-is"><img src="https://avatars.githubusercontent.com/u/113922084?v=4" width="100px;" alt="great-work-told-is"/><br /><sub><b>great-work-told-is</b></sub></a></td>
    </tr>
  </tbody>
</table>
<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

## ✨ Contributors

Big thanks go to all our contributors! [[Become a contributor](https://github.com/juliencrn/usehooks-ts/blob/master/.github/CONTRIBUTING.md)]

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tbody>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/juliencrn"><img src="https://avatars.githubusercontent.com/u/14028029?v=4?s=64" width="64px;" alt="Julien"/><br /><sub><b>Julien</b></sub></a><br /><a href="#content-juliencrn" title="Content">🖋</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=juliencrn" title="Code">💻</a> <a href="#design-juliencrn" title="Design">🎨</a> <a href="#ideas-juliencrn" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/a777med"><img src="https://avatars.githubusercontent.com/u/15968280?v=4?s=64" width="64px;" alt="a777med"/><br /><sub><b>a777med</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=a777med" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://datkira.com/"><img src="https://avatars.githubusercontent.com/u/53250212?v=4?s=64" width="64px;" alt="Nguyen Tien Dat"/><br /><sub><b>Nguyen Tien Dat</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=datkira" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/elifer5000"><img src="https://avatars.githubusercontent.com/u/4311278?v=4?s=64" width="64px;" alt="Elias Cohenca"/><br /><sub><b>Elias Cohenca</b></sub></a><br /><a href="#content-elifer5000" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://joaov.com.br/"><img src="https://avatars.githubusercontent.com/u/17601527?v=4?s=64" width="64px;" alt="João Deroldo"/><br /><sub><b>João Deroldo</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajoaoderoldo" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=joaoderoldo" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Nishit-Dua"><img src="https://avatars.githubusercontent.com/u/35453301?v=4?s=64" width="64px;" alt="Nishit"/><br /><sub><b>Nishit</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Nishit-Dua" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jonkoops"><img src="https://avatars.githubusercontent.com/u/695720?v=4?s=64" width="64px;" alt="Jon Koops"/><br /><sub><b>Jon Koops</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jonkoops" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/LoneRifle"><img src="https://avatars.githubusercontent.com/u/10572368?v=4?s=64" width="64px;" alt="LoneRifle"/><br /><sub><b>LoneRifle</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=LoneRifle" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/vfonic"><img src="https://avatars.githubusercontent.com/u/67437?v=4?s=64" width="64px;" alt="Viktor"/><br /><sub><b>Viktor</b></sub></a><br /><a href="#ideas-vfonic" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Avfonic" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/bclermont"><img src="https://avatars.githubusercontent.com/u/474302?v=4?s=64" width="64px;" alt="Bruno Clermont"/><br /><sub><b>Bruno Clermont</b></sub></a><br /><a href="#question-bclermont" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/yoannesbourg"><img src="https://avatars.githubusercontent.com/u/73404603?v=4?s=64" width="64px;" alt="yoannesbourg"/><br /><sub><b>yoannesbourg</b></sub></a><br /><a href="#ideas-yoannesbourg" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/strange2x"><img src="https://avatars.githubusercontent.com/u/10759731?v=4?s=64" width="64px;" alt="Strange2x"/><br /><sub><b>Strange2x</b></sub></a><br /><a href="#ideas-strange2x" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/steinybot"><img src="https://avatars.githubusercontent.com/u/4659562?v=4?s=64" width="64px;" alt="Jason Pickens"/><br /><sub><b>Jason Pickens</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asteinybot" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://smackagency.com/"><img src="https://avatars.githubusercontent.com/u/3469560?v=4?s=64" width="64px;" alt="Sel-Vin Kuik"/><br /><sub><b>Sel-Vin Kuik</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aselvinkuik" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/isaacalves"><img src="https://avatars.githubusercontent.com/u/1765942?v=4?s=64" width="64px;" alt="isaac"/><br /><sub><b>isaac</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aisaacalves" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/brunorzn"><img src="https://avatars.githubusercontent.com/u/18266054?v=4?s=64" width="64px;" alt="Bruno RZN"/><br /><sub><b>Bruno RZN</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=brunorzn" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Abrunorzn" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.cykeprojects.com/"><img src="https://avatars.githubusercontent.com/u/2979318?v=4?s=64" width="64px;" alt="Nathan Manceaux-Panot"/><br /><sub><b>Nathan Manceaux-Panot</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Cykelero" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3ACykelero" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/meotimdihia"><img src="https://avatars.githubusercontent.com/u/300961?v=4?s=64" width="64px;" alt="Dien Vu"/><br /><sub><b>Dien Vu</b></sub></a><br /><a href="#ideas-meotimdihia" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/olegKusov"><img src="https://avatars.githubusercontent.com/u/28058268?v=4?s=64" width="64px;" alt="Oleg Kusov"/><br /><sub><b>Oleg Kusov</b></sub></a><br /><a href="#ideas-olegKusov" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://mattguy.me/"><img src="https://avatars.githubusercontent.com/u/6647355?v=4?s=64" width="64px;" alt="Matthew Guy"/><br /><sub><b>Matthew Guy</b></sub></a><br /><a href="#ideas-mankittens" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/andrewbihl"><img src="https://avatars.githubusercontent.com/u/16709744?v=4?s=64" width="64px;" alt="andrewbihl"/><br /><sub><b>andrewbihl</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aandrewbihl" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lancepollard"><img src="https://avatars.githubusercontent.com/u/86631222?v=4?s=64" width="64px;" alt="lancepollard"/><br /><sub><b>lancepollard</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Alancepollard" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/gmukul01"><img src="https://avatars.githubusercontent.com/u/3636885?v=4?s=64" width="64px;" alt="Mukul Bansal"/><br /><sub><b>Mukul Bansal</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Agmukul01" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://127.0.0.1:8000/"><img src="https://avatars.githubusercontent.com/u/474302?v=4?s=64" width="64px;" alt="Jean-Luc Mongrain sur la Brosse"/><br /><sub><b>Jean-Luc Mongrain sur la Brosse</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jeanlucmongrain" title="Code">💻</a> <a href="#ideas-jeanlucmongrain" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/n1c"><img src="https://avatars.githubusercontent.com/u/284075?v=4?s=64" width="64px;" alt="Nic"/><br /><sub><b>Nic</b></sub></a><br /><a href="#content-n1c" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://valtism.com/"><img src="https://avatars.githubusercontent.com/u/1286001?v=4?s=64" width="64px;" alt="Dan Wood"/><br /><sub><b>Dan Wood</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=valtism" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.sixt.de/"><img src="https://avatars.githubusercontent.com/u/25299148?v=4?s=64" width="64px;" alt="jo wendenbuerger"/><br /><sub><b>jo wendenbuerger</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AWendenburg" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://nozillium.com/"><img src="https://avatars.githubusercontent.com/u/4774875?v=4?s=64" width="64px;" alt="Andrew Nosenko"/><br /><sub><b>Andrew Nosenko</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anoseratio" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/CharlieJhonSmith"><img src="https://avatars.githubusercontent.com/u/90845154?v=4?s=64" width="64px;" alt="CharlieJhonSmith"/><br /><sub><b>CharlieJhonSmith</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=CharlieJhonSmith" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://keybase.io/soullivaneuh"><img src="https://avatars.githubusercontent.com/u/1698357?v=4?s=64" width="64px;" alt="Sullivan SENECHAL"/><br /><sub><b>Sullivan SENECHAL</b></sub></a><br /><a href="#ideas-soullivaneuh" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asoullivaneuh" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=soullivaneuh" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jaslong"><img src="https://avatars.githubusercontent.com/u/797348?v=4?s=64" width="64px;" alt="Jason Long"/><br /><sub><b>Jason Long</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajaslong" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kxm766"><img src="https://avatars.githubusercontent.com/u/88443148?v=4?s=64" width="64px;" alt="kxm766"/><br /><sub><b>kxm766</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Akxm766" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://qlaffont.com/"><img src="https://avatars.githubusercontent.com/u/10044790?v=4?s=64" width="64px;" alt="Quentin"/><br /><sub><b>Quentin</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=qlaffont" title="Code">💻</a> <a href="#ideas-qlaffont" title="Ideas, Planning, & Feedback">🤔</a> <a href="#content-qlaffont" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ducktordanny"><img src="https://avatars.githubusercontent.com/u/38068717?v=4?s=64" width="64px;" alt="Daniel Lazar"/><br /><sub><b>Daniel Lazar</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ducktordanny" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aducktordanny" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mterrel"><img src="https://avatars.githubusercontent.com/u/17746857?v=4?s=64" width="64px;" alt="Mark Terrel"/><br /><sub><b>Mark Terrel</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amterrel" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=mterrel" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mendrik"><img src="https://avatars.githubusercontent.com/u/160805?v=4?s=64" width="64px;" alt="Andreas Herd"/><br /><sub><b>Andreas Herd</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amendrik" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://sonjoydatta.me/"><img src="https://avatars.githubusercontent.com/u/49079726?v=4?s=64" width="64px;" alt="Sonjoy Datta"/><br /><sub><b>Sonjoy Datta</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=sonjoydatta" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/oluckyman"><img src="https://avatars.githubusercontent.com/u/642673?v=4?s=64" width="64px;" alt="Ilya Belsky"/><br /><sub><b>Ilya Belsky</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aoluckyman" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://jamesbarrett.io/"><img src="https://avatars.githubusercontent.com/u/42980207?v=4?s=64" width="64px;" alt="James Barrett"/><br /><sub><b>James Barrett</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=JamesBarrettDev" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/AbbalYouness"><img src="https://avatars.githubusercontent.com/u/15120524?v=4?s=64" width="64px;" alt="AbbalYouness"/><br /><sub><b>AbbalYouness</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=AbbalYouness" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/DidrikLind"><img src="https://avatars.githubusercontent.com/u/14201715?v=4?s=64" width="64px;" alt="didriklind"/><br /><sub><b>didriklind</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=DidrikLind" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=DidrikLind" title="Tests">⚠️</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/hexp1989"><img src="https://avatars.githubusercontent.com/u/2241985?v=4?s=64" width="64px;" alt="hexp1989"/><br /><sub><b>hexp1989</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=hexp1989" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/alvaro-serrano-rivas/"><img src="https://avatars.githubusercontent.com/u/43758471?v=4?s=64" width="64px;" alt="Alvaro Serrano"/><br /><sub><b>Alvaro Serrano</b></sub></a><br /><a href="#content-alvaroserrrano" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/egehandulger"><img src="https://avatars.githubusercontent.com/u/14878259?v=4?s=64" width="64px;" alt="Egehan Dülger"/><br /><sub><b>Egehan Dülger</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=egehandulger" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/PabloLION"><img src="https://avatars.githubusercontent.com/u/36828324?v=4?s=64" width="64px;" alt="PabloLION"/><br /><sub><b>PabloLION</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3APabloLION" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=PabloLION" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://davidsanchez.me/"><img src="https://avatars.githubusercontent.com/u/84061?v=4?s=64" width="64px;" alt="David Sanchez"/><br /><sub><b>David Sanchez</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aemulienfou" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/AjayTheWizard"><img src="https://avatars.githubusercontent.com/u/92772740?v=4?s=64" width="64px;" alt="Ajay Raja"/><br /><sub><b>Ajay Raja</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AAjayTheWizard" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://andymerskin.com/"><img src="https://avatars.githubusercontent.com/u/758090?v=4?s=64" width="64px;" alt="Andy Merskin"/><br /><sub><b>Andy Merskin</b></sub></a><br /><a href="#ideas-docmars" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/GrayGalaxy"><img src="https://avatars.githubusercontent.com/u/49820575?v=4?s=64" width="64px;" alt="Avirup Ghosh"/><br /><sub><b>Avirup Ghosh</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=GrayGalaxy" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AGrayGalaxy" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tilnea"><img src="https://avatars.githubusercontent.com/u/3692320?v=4?s=64" width="64px;" alt="Sanne Wintrén"/><br /><sub><b>Sanne Wintrén</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Atilnea" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://lacolonia.studio/"><img src="https://avatars.githubusercontent.com/u/1528468?v=4?s=64" width="64px;" alt="Alessandro"/><br /><sub><b>Alessandro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aa-barbieri" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/atatarenko"><img src="https://avatars.githubusercontent.com/u/9846273?v=4?s=64" width="64px;" alt="Andrey Tatarenko"/><br /><sub><b>Andrey Tatarenko</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aatatarenko" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/arusak"><img src="https://avatars.githubusercontent.com/u/4231915?v=4?s=64" width="64px;" alt="Anton Rusak"/><br /><sub><b>Anton Rusak</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aarusak" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/createdbymahmood"><img src="https://avatars.githubusercontent.com/u/40164360?v=4?s=64" width="64px;" alt="Mahmood Bagheri"/><br /><sub><b>Mahmood Bagheri</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=createdbymahmood" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://wpowner.com/"><img src="https://avatars.githubusercontent.com/u/506491?v=4?s=64" width="64px;" alt="Anver Sadutt"/><br /><sub><b>Anver Sadutt</b></sub></a><br /><a href="#content-anver" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/bogdanailincaipnt"><img src="https://avatars.githubusercontent.com/u/93596663?v=4?s=64" width="64px;" alt="Bogdan Ailincai"/><br /><sub><b>Bogdan Ailincai</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=bogdanailincaipnt" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/SimeonGriggs"><img src="https://avatars.githubusercontent.com/u/9684022?v=4?s=64" width="64px;" alt="Simeon Griggs"/><br /><sub><b>Simeon Griggs</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ASimeonGriggs" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Kepro"><img src="https://avatars.githubusercontent.com/u/1714370?v=4?s=64" width="64px;" alt="Kepro"/><br /><sub><b>Kepro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AKepro" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Jake-Lippert"><img src="https://avatars.githubusercontent.com/u/17753127?v=4?s=64" width="64px;" alt="Jake Lippert"/><br /><sub><b>Jake Lippert</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AJake-Lippert" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/TunA-Kai"><img src="https://avatars.githubusercontent.com/u/92641762?v=4?s=64" width="64px;" alt="Tu Nguyen Anh"/><br /><sub><b>Tu Nguyen Anh</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ATunA-Kai" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=TunA-Kai" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/skve"><img src="https://avatars.githubusercontent.com/u/47612057?v=4?s=64" width="64px;" alt="Luke Shiels"/><br /><sub><b>Luke Shiels</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Askve" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/SleLLl"><img src="https://avatars.githubusercontent.com/u/66108429?v=4?s=64" width="64px;" alt="Sergei Kolyago"/><br /><sub><b>Sergei Kolyago</b></sub></a><br /><a href="#ideas-SleLLl" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/adhamaa"><img src="https://avatars.githubusercontent.com/u/50027371?v=4?s=64" width="64px;" alt="Adham Akmal Azmi"/><br /><sub><b>Adham Akmal Azmi</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aadhamaa" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/alex-kowalczyk"><img src="https://avatars.githubusercontent.com/u/7422175?v=4?s=64" width="64px;" alt="Alek Kowalczyk"/><br /><sub><b>Alek Kowalczyk</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aalex-kowalczyk" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Scalahansolo"><img src="https://avatars.githubusercontent.com/u/4317253?v=4?s=64" width="64px;" alt="Sean Callahan"/><br /><sub><b>Sean Callahan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AScalahansolo" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jbean96"><img src="https://avatars.githubusercontent.com/u/22803097?v=4?s=64" width="64px;" alt="Joshua Bean"/><br /><sub><b>Joshua Bean</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jbean96" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajbean96" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ZhaoTim"><img src="https://avatars.githubusercontent.com/u/30540533?v=4?s=64" width="64px;" alt="Tim Zhao"/><br /><sub><b>Tim Zhao</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AZhaoTim" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/patryk-smc"><img src="https://avatars.githubusercontent.com/u/37963339?v=4?s=64" width="64px;" alt="Patrick"/><br /><sub><b>Patrick</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Apatryk-smc" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://bryce.io/"><img src="https://avatars.githubusercontent.com/u/3171252?v=4?s=64" width="64px;" alt="Bryce Dorn"/><br /><sub><b>Bryce Dorn</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=brycedorn" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/angusd3v"><img src="https://avatars.githubusercontent.com/u/52683145?v=4?s=64" width="64px;" alt="angusd3v"/><br /><sub><b>angusd3v</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=angusd3v" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ddisimone"><img src="https://avatars.githubusercontent.com/u/78792352?v=4?s=64" width="64px;" alt="Davide Di Simone"/><br /><sub><b>Davide Di Simone</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Addisimone" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jherr"><img src="https://avatars.githubusercontent.com/u/22392?v=4?s=64" width="64px;" alt="Jack Herrington"/><br /><sub><b>Jack Herrington</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajherr" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://sharvit.github.io/"><img src="https://avatars.githubusercontent.com/u/1262502?v=4?s=64" width="64px;" alt="Avi Sharvit"/><br /><sub><b>Avi Sharvit</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=sharvit" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asharvit" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/nmaties"><img src="https://avatars.githubusercontent.com/u/16613184?v=4?s=64" width="64px;" alt="Nicolae Maties"/><br /><sub><b>Nicolae Maties</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anmaties" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/secretshardul"><img src="https://avatars.githubusercontent.com/u/49580849?v=4?s=64" width="64px;" alt="Shardul Aeer"/><br /><sub><b>Shardul Aeer</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asecretshardul" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/herlon214"><img src="https://avatars.githubusercontent.com/u/3419441?v=4?s=64" width="64px;" alt="Herlon Aguiar"/><br /><sub><b>Herlon Aguiar</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aherlon214" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/alexisoney"><img src="https://avatars.githubusercontent.com/u/28802989?v=4?s=64" width="64px;" alt="Alexis Oney"/><br /><sub><b>Alexis Oney</b></sub></a><br /><a href="#content-alexisoney" title="Content">🖋</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://convictional.com/"><img src="https://avatars.githubusercontent.com/u/96080054?v=4?s=64" width="64px;" alt="curtvict"/><br /><sub><b>curtvict</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=curtvict" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/JoshuaCS94"><img src="https://avatars.githubusercontent.com/u/23385700?v=4?s=64" width="64px;" alt="Josué Cortina"/><br /><sub><b>Josué Cortina</b></sub></a><br /><a href="#content-JoshuaCS94" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://katt.dev/"><img src="https://avatars.githubusercontent.com/u/459267?v=4?s=64" width="64px;" alt="Alex / KATT"/><br /><sub><b>Alex / KATT</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=KATT" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/modex98"><img src="https://avatars.githubusercontent.com/u/72814784?v=4?s=64" width="64px;" alt="Mourad EL CADI"/><br /><sub><b>Mourad EL CADI</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=modex98" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amodex98" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Guesswhoitis"><img src="https://avatars.githubusercontent.com/u/63756285?v=4?s=64" width="64px;" alt="James Hulena"/><br /><sub><b>James Hulena</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AGuesswhoitis" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://hailwood.nz/"><img src="https://avatars.githubusercontent.com/u/709773?v=4?s=64" width="64px;" alt="Matthew Hailwood"/><br /><sub><b>Matthew Hailwood</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=hailwood" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Ahailwood" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mike247"><img src="https://avatars.githubusercontent.com/u/676071?v=4?s=64" width="64px;" alt="Michael Norrie"/><br /><sub><b>Michael Norrie</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amike247" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/valentinpolitov"><img src="https://avatars.githubusercontent.com/u/39585375?v=4?s=64" width="64px;" alt="Valentin Politov"/><br /><sub><b>Valentin Politov</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=valentinpolitov" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/marnusw"><img src="https://avatars.githubusercontent.com/u/971499?v=4?s=64" width="64px;" alt="Marnus Weststrate"/><br /><sub><b>Marnus Weststrate</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=marnusw" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mancuoj"><img src="https://avatars.githubusercontent.com/u/45707684?v=4?s=64" width="64px;" alt="mancuoj"/><br /><sub><b>mancuoj</b></sub></a><br /><a href="#content-mancuoj" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.chatsumlin.com/"><img src="https://avatars.githubusercontent.com/u/3067479?v=4?s=64" width="64px;" alt="Chat Sumlin"/><br /><sub><b>Chat Sumlin</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jcsumlin" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/owenshaupt"><img src="https://avatars.githubusercontent.com/u/52288188?v=4?s=64" width="64px;" alt="Owen Haupt"/><br /><sub><b>Owen Haupt</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aowenshaupt" title="Bug reports">🐛</a> <a href="#content-owenshaupt" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ubarbaxor"><img src="https://avatars.githubusercontent.com/u/26365493?v=4?s=64" width="64px;" alt="ubarbaxor"/><br /><sub><b>ubarbaxor</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ubarbaxor" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://michael.mior.ca/"><img src="https://avatars.githubusercontent.com/u/82501?v=4?s=64" width="64px;" alt="Michael Mior"/><br /><sub><b>Michael Mior</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amichaelmior" title="Bug reports">🐛</a> <a href="#content-michaelmior" title="Content">🖋</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/pkhodaveissi"><img src="https://avatars.githubusercontent.com/u/4170795?v=4?s=64" width="64px;" alt="Pierre"/><br /><sub><b>Pierre</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=pkhodaveissi" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/harrywebdev"><img src="https://avatars.githubusercontent.com/u/3617415?v=4?s=64" width="64px;" alt="Harry B"/><br /><sub><b>Harry B</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aharrywebdev" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/valyrie97"><img src="https://avatars.githubusercontent.com/u/6365746?v=4?s=64" width="64px;" alt="Valerie"/><br /><sub><b>Valerie</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Avalyrie97" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=valyrie97" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://svachon.com/"><img src="https://avatars.githubusercontent.com/u/170197?v=4?s=64" width="64px;" alt="Steven Vachon"/><br /><sub><b>Steven Vachon</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=stevenvachon" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/sskirby"><img src="https://avatars.githubusercontent.com/u/25760?v=4?s=64" width="64px;" alt="Sean Kirby"/><br /><sub><b>Sean Kirby</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=sskirby" title="Tests">⚠️</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=sskirby" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/AlecsFarias"><img src="https://avatars.githubusercontent.com/u/91743821?v=4?s=64" width="64px;" alt="Alecsander Farias"/><br /><sub><b>Alecsander Farias</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=AlecsFarias" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://blankparticle.in/"><img src="https://avatars.githubusercontent.com/u/130567419?v=4?s=64" width="64px;" alt="Rahul Mishra"/><br /><sub><b>Rahul Mishra</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=BlankParticle" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3ABlankParticle" title="Reviewed Pull Requests">👀</a> <a href="#content-BlankParticle" title="Content">🖋</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/bryantcodesart"><img src="https://avatars.githubusercontent.com/u/14097078?v=4?s=64" width="64px;" alt="Bryant Smith"/><br /><sub><b>Bryant Smith</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=bryantcodesart" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Abryantcodesart" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/RobHannay"><img src="https://avatars.githubusercontent.com/u/609062?v=4?s=64" width="64px;" alt="Rob Hannay"/><br /><sub><b>Rob Hannay</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=RobHannay" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/hooriza"><img src="https://avatars.githubusercontent.com/u/507927?v=4?s=64" width="64px;" alt="Hooriza"/><br /><sub><b>Hooriza</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=hooriza" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ahooriza" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ShanSenanayake"><img src="https://avatars.githubusercontent.com/u/8779685?v=4?s=64" width="64px;" alt="ShanSenanayake"/><br /><sub><b>ShanSenanayake</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ShanSenanayake" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/philipgher"><img src="https://avatars.githubusercontent.com/u/32325241?v=4?s=64" width="64px;" alt="Philip Ghering"/><br /><sub><b>Philip Ghering</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=philipgher" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ladislasdellinger"><img src="https://avatars.githubusercontent.com/u/111739019?v=4?s=64" width="64px;" alt="Ladislas Dellinger"/><br /><sub><b>Ladislas Dellinger</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ladislasdellinger" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/TheHaff"><img src="https://avatars.githubusercontent.com/u/2486653?v=4?s=64" width="64px;" alt="Haff"/><br /><sub><b>Haff</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=TheHaff" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lisandro52"><img src="https://avatars.githubusercontent.com/u/5612241?v=4?s=64" width="64px;" alt="Lisandro"/><br /><sub><b>Lisandro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=lisandro52" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/amirking59"><img src="https://avatars.githubusercontent.com/u/58273240?v=4?s=64" width="64px;" alt="Amir hossein rezaei"/><br /><sub><b>Amir hossein rezaei</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=amirking59" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/nmacianx"><img src="https://avatars.githubusercontent.com/u/40004186?v=4?s=64" width="64px;" alt="Nicolas Macian"/><br /><sub><b>Nicolas Macian</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anmacianx" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=nmacianx" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://dreamsof.dev/"><img src="https://avatars.githubusercontent.com/u/13162026?v=4?s=64" width="64px;" alt="Nate Forsyth"/><br /><sub><b>Nate Forsyth</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=nateforsyth" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/satelllte"><img src="https://avatars.githubusercontent.com/u/20585619?v=4?s=64" width="64px;" alt="satelllte"/><br /><sub><b>satelllte</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=satelllte" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asatelllte" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/fedemp"><img src="https://avatars.githubusercontent.com/u/735314?v=4?s=64" width="64px;" alt="Federico Panico"/><br /><sub><b>Federico Panico</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=fedemp" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/iamwillnbcu"><img src="https://avatars.githubusercontent.com/u/137317773?v=4?s=64" width="64px;" alt="William Pei Yuan"/><br /><sub><b>William Pei Yuan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=iamwillnbcu" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://www.gazeta-cu-anunturi.ro/"><img src="https://avatars.githubusercontent.com/u/757999?v=4?s=64" width="64px;" alt="Mihai"/><br /><sub><b>Mihai</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=DarkAng3L" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ADarkAng3L" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://habib.ogunsola.me/"><img src="https://avatars.githubusercontent.com/u/39172573?v=4?s=64" width="64px;" alt="Habib Ogunsola"/><br /><sub><b>Habib Ogunsola</b></sub></a><br /><a href="#content-ogunsolahabib" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://ashfurrow.com/"><img src="https://avatars.githubusercontent.com/u/498212?v=4?s=64" width="64px;" alt="Ash Furrow"/><br /><sub><b>Ash Furrow</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ashfurrow" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://turus.ro/"><img src="https://avatars.githubusercontent.com/u/32390499?v=4?s=64" width="64px;" alt="Daniel Turuș"/><br /><sub><b>Daniel Turuș</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=danielturus" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/rahulchaudhary2244/"><img src="https://avatars.githubusercontent.com/u/54467972?v=4?s=64" width="64px;" alt="Rahul Chaudhary"/><br /><sub><b>Rahul Chaudhary</b></sub></a><br /><a href="#content-rahulchaudhary2244" title="Content">🖋</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Arahulchaudhary2244" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Joshyahweh"><img src="https://avatars.githubusercontent.com/u/61137067?v=4?s=64" width="64px;" alt="Joshua Ojoawo"/><br /><sub><b>Joshua Ojoawo</b></sub></a><br /><a href="#ideas-Joshyahweh" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AJoshyahweh" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://jackdh.com/"><img src="https://avatars.githubusercontent.com/u/1907451?v=4?s=64" width="64px;" alt="Jack"/><br /><sub><b>Jack</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jackdh" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jonlinkens"><img src="https://avatars.githubusercontent.com/u/20417521?v=4?s=64" width="64px;" alt="Jon Linkens"/><br /><sub><b>Jon Linkens</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jonlinkens" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajonlinkens" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://velog.io/@ojj1123"><img src="https://avatars.githubusercontent.com/u/33178048?v=4?s=64" width="64px;" alt="Jeongjin Oh"/><br /><sub><b>Jeongjin Oh</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aojj1123" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tli26"><img src="https://avatars.githubusercontent.com/u/114947190?v=4?s=64" width="64px;" alt="Tianning Li"/><br /><sub><b>Tianning Li</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=tli26" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://larsartmann.com/"><img src="https://avatars.githubusercontent.com/u/23587853?v=4?s=64" width="64px;" alt="Lars Artmann"/><br /><sub><b>Lars Artmann</b></sub></a><br /><a href="#content-LarsArtmann" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/KBobovskiy"><img src="https://avatars.githubusercontent.com/u/35502578?v=4?s=64" width="64px;" alt="KBobovskiy"/><br /><sub><b>KBobovskiy</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=KBobovskiy" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ryngonzalez"><img src="https://avatars.githubusercontent.com/u/635300?v=4?s=64" width="64px;" alt="✨ Kathryn Gonzalez ✨"/><br /><sub><b>✨ Kathryn Gonzalez ✨</b></sub></a><br /><a href="#content-ryngonzalez" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/slavik-chapelskyi"><img src="https://avatars.githubusercontent.com/u/33541009?v=4?s=64" width="64px;" alt="Yaroslav Chapelskyi"/><br /><sub><b>Yaroslav Chapelskyi</b></sub></a><br /><a href="#content-slavik-chapelskyi" title="Content">🖋</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/sverps"><img src="https://avatars.githubusercontent.com/u/15879327?v=4?s=64" width="64px;" alt="Samuel Van Erps"/><br /><sub><b>Samuel Van Erps</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Asverps" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ojolowoblue"><img src="https://avatars.githubusercontent.com/u/104099474?v=4?s=64" width="64px;" alt="ojolowoblue"/><br /><sub><b>ojolowoblue</b></sub></a><br /><a href="#content-ojolowoblue" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://short.io/"><img src="https://avatars.githubusercontent.com/u/75169?v=4?s=64" width="64px;" alt="Andrii Kostenko"/><br /><sub><b>Andrii Kostenko</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=gugu" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/AkeemAllen"><img src="https://avatars.githubusercontent.com/u/32404761?v=4?s=64" width="64px;" alt="Akeem Allen"/><br /><sub><b>Akeem Allen</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=AkeemAllen" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AAkeemAllen" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/trongbinh15"><img src="https://avatars.githubusercontent.com/u/43725147?v=4?s=64" width="64px;" alt="trongbinhnguyen"/><br /><sub><b>trongbinhnguyen</b></sub></a><br /><a href="#content-trongbinh15" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://lawlesx.vercel.app/"><img src="https://avatars.githubusercontent.com/u/52166437?v=4?s=64" width="64px;" alt="Aniruddha Sil"/><br /><sub><b>Aniruddha Sil</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=lawlesx" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/okinawaa"><img src="https://avatars.githubusercontent.com/u/69495129?v=4?s=64" width="64px;" alt="박찬혁"/><br /><sub><b>박찬혁</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Aokinawaa" title="Reviewed Pull Requests">👀</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://anishchhetri.com.np/"><img src="https://avatars.githubusercontent.com/u/98446102?v=4?s=64" width="64px;" alt="Anish"/><br /><sub><b>Anish</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=novanish" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://hutri.fi/"><img src="https://avatars.githubusercontent.com/u/55588133?v=4?s=64" width="64px;" alt="Hugo Hutri"/><br /><sub><b>Hugo Hutri</b></sub></a><br /><a href="#content-hugohutri" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://balzguenat.ch/"><img src="https://avatars.githubusercontent.com/u/6719014?v=4?s=64" width="64px;" alt="Balz Guenat"/><br /><sub><b>Balz Guenat</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=BalzGuenat" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ottergeorge"><img src="https://avatars.githubusercontent.com/u/108759685?v=4?s=64" width="64px;" alt="OtterGeorge"/><br /><sub><b>OtterGeorge</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ottergeorge" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/samay-rgb"><img src="https://avatars.githubusercontent.com/u/73112080?v=4?s=64" width="64px;" alt="Samay Sagar"/><br /><sub><b>Samay Sagar</b></sub></a><br /><a href="#content-samay-rgb" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/pedrobslisboa"><img src="https://avatars.githubusercontent.com/u/35539594?v=4?s=64" width="64px;" alt="Pedro Lisboa"/><br /><sub><b>Pedro Lisboa</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Apedrobslisboa" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/henriqemalheiros"><img src="https://avatars.githubusercontent.com/u/23730762?v=4?s=64" width="64px;" alt="Henrique Malheiros"/><br /><sub><b>Henrique Malheiros</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ahenriqemalheiros" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://www.unfocus.com/"><img src="https://avatars.githubusercontent.com/u/245825?v=4?s=64" width="64px;" alt="Kevin Newman"/><br /><sub><b>Kevin Newman</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=CaptainN" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/a503189"><img src="https://avatars.githubusercontent.com/u/28802989?v=4?s=64" width="64px;" alt="a503189"/><br /><sub><b>a503189</b></sub></a><br /><a href="#content-a503189" title="Content">🖋</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://t.me/mouradelcadi"><img src="https://avatars.githubusercontent.com/u/72814784?v=4?s=64" width="64px;" alt="Mourad EL CADI"/><br /><sub><b>Mourad EL CADI</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=mod7ex" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Lop3sPedro"><img src="https://avatars.githubusercontent.com/u/89090945?v=4?s=64" width="64px;" alt="Pedro Henrique Lopes"/><br /><sub><b>Pedro Henrique Lopes</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Lop3sPedro" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/danbiilee"><img src="https://avatars.githubusercontent.com/u/53761241?v=4?s=64" width="64px;" alt="Danbi Lee"/><br /><sub><b>Danbi Lee</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=danbiilee" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/cojennin"><img src="https://avatars.githubusercontent.com/u/1888152?v=4?s=64" width="64px;" alt="Connor Jennings"/><br /><sub><b>Connor Jennings</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=cojennin" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lgxm3z"><img src="https://avatars.githubusercontent.com/u/28831375?v=4?s=64" width="64px;" alt="Lucas Gomes"/><br /><sub><b>Lucas Gomes</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Algxm3z" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=lgxm3z" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/zaggino"><img src="https://avatars.githubusercontent.com/u/1067319?v=4?s=64" width="64px;" alt="Martin Zagora"/><br /><sub><b>Martin Zagora</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=zaggino" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kvdo2"><img src="https://avatars.githubusercontent.com/u/78251524?v=4?s=64" width="64px;" alt="KvD"/><br /><sub><b>KvD</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=kvdo2" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/SupraSmooth"><img src="https://avatars.githubusercontent.com/u/18029247?v=4?s=64" width="64px;" alt="Alex"/><br /><sub><b>Alex</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=SupraSmooth" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kaceycleveland"><img src="https://avatars.githubusercontent.com/u/88064187?v=4?s=64" width="64px;" alt="Kacey Cleveland"/><br /><sub><b>Kacey Cleveland</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Akaceycleveland" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/oviirup"><img src="https://avatars.githubusercontent.com/u/49820575?v=4?s=64" width="64px;" alt="Avirup Ghosh"/><br /><sub><b>Avirup Ghosh</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aoviirup" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/yabbal"><img src="https://avatars.githubusercontent.com/u/15120524?v=4?s=64" width="64px;" alt="yabbal"/><br /><sub><b>yabbal</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=yabbal" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://patik.com/"><img src="https://avatars.githubusercontent.com/u/262137?v=4?s=64" width="64px;" alt="Craig Patik"/><br /><sub><b>Craig Patik</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Apatik" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Silverium"><img src="https://avatars.githubusercontent.com/u/10578392?v=4?s=64" width="64px;" alt="Soldeplata Saketos Candela"/><br /><sub><b>Soldeplata Saketos Candela</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Silverium" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/TENDOUZHI"><img src="https://avatars.githubusercontent.com/u/82806526?v=4?s=64" width="64px;" alt="TENDOUZHI"/><br /><sub><b>TENDOUZHI</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ATENDOUZHI" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/wachulski"><img src="https://avatars.githubusercontent.com/u/1669844?v=4?s=64" width="64px;" alt="Marcin Wachulski"/><br /><sub><b>Marcin Wachulski</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Awachulski" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://salmans.work/"><img src="https://avatars.githubusercontent.com/u/15085416?v=4?s=64" width="64px;" alt="Salman Fazal"/><br /><sub><b>Salman Fazal</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asalmanfazal01" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/shrugs"><img src="https://avatars.githubusercontent.com/u/1535001?v=4?s=64" width="64px;" alt="shrugs"/><br /><sub><b>shrugs</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ashrugs" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Hyodori04"><img src="https://avatars.githubusercontent.com/u/57362573?v=4?s=64" width="64px;" alt="hyodori"/><br /><sub><b>hyodori</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AHyodori04" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/eleazareramos"><img src="https://avatars.githubusercontent.com/u/25910203?v=4?s=64" width="64px;" alt="Eleazar “E” Ramos"/><br /><sub><b>Eleazar “E” Ramos</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aeleazareramos" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/retnag"><img src="https://avatars.githubusercontent.com/u/18302198?v=4?s=64" width="64px;" alt="retnag"/><br /><sub><b>retnag</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aretnag" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://jaeyoung.dev/"><img src="https://avatars.githubusercontent.com/u/55247450?v=4?s=64" width="64px;" alt="J young Lee"/><br /><sub><b>J young Lee</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Abeefiker" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/fiws"><img src="https://avatars.githubusercontent.com/u/3409958?v=4?s=64" width="64px;" alt="Filip Weiss"/><br /><sub><b>Filip Weiss</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Afiws" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://mariusgundersen.net/"><img src="https://avatars.githubusercontent.com/u/464152?v=4?s=64" width="64px;" alt="Marius Gundersen"/><br /><sub><b>Marius Gundersen</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AmariusGundersen" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/VenomFate-619"><img src="https://avatars.githubusercontent.com/u/67755128?v=4?s=64" width="64px;" alt="Syed Aman Ali"/><br /><sub><b>Syed Aman Ali</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AVenomFate-619" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://ingadi.work/"><img src="https://avatars.githubusercontent.com/u/6121225?v=4?s=64" width="64px;" alt="Axel Ingadi"/><br /><sub><b>Axel Ingadi</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aingadi" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/andyjphu"><img src="https://avatars.githubusercontent.com/u/51890861?v=4?s=64" width="64px;" alt="AndyP"/><br /><sub><b>AndyP</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aandyjphu" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ishanVaghasiya"><img src="https://avatars.githubusercontent.com/u/98661936?v=4?s=64" width="64px;" alt="ishanVaghasiya"/><br /><sub><b>ishanVaghasiya</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AishanVaghasiya" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/nico-martinucci"><img src="https://avatars.githubusercontent.com/u/80868741?v=4?s=64" width="64px;" alt="Nico Martinucci"/><br /><sub><b>Nico Martinucci</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anico-martinucci" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/technophile-04"><img src="https://avatars.githubusercontent.com/u/80153681?v=4?s=64" width="64px;" alt="Shiv Bhonde &#124; shivbhonde.eth"/><br /><sub><b>Shiv Bhonde &#124; shivbhonde.eth</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Atechnophile-04" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/fritzmonkey"><img src="https://avatars.githubusercontent.com/u/10103840?v=4?s=64" width="64px;" alt="fritzmonkey"/><br /><sub><b>fritzmonkey</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Afritzmonkey" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/rrmesquita"><img src="https://avatars.githubusercontent.com/u/30835404?v=4?s=64" width="64px;" alt="Rodrigo Mesquita"/><br /><sub><b>Rodrigo Mesquita</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Arrmesquita" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://moshe.io/"><img src="https://avatars.githubusercontent.com/u/534911?v=4?s=64" width="64px;" alt="Moshe Simantov"/><br /><sub><b>Moshe Simantov</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amoshest" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/BekaArabidze98"><img src="https://avatars.githubusercontent.com/u/122085038?v=4?s=64" width="64px;" alt="Beka"/><br /><sub><b>Beka</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ABekaArabidze98" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/abdofola"><img src="https://avatars.githubusercontent.com/u/30251052?v=4?s=64" width="64px;" alt="Abdallah Alkaser"/><br /><sub><b>Abdallah Alkaser</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aabdofola" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=abdofola" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/CarlosNZ"><img src="https://avatars.githubusercontent.com/u/5456533?v=4?s=64" width="64px;" alt="Carl Smith"/><br /><sub><b>Carl Smith</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ACarlosNZ" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ogroppo"><img src="https://avatars.githubusercontent.com/u/4820803?v=4?s=64" width="64px;" alt="Orlando Groppo"/><br /><sub><b>Orlando Groppo</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aogroppo" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/thany"><img src="https://avatars.githubusercontent.com/u/152227?v=4?s=64" width="64px;" alt="Martijn Saly"/><br /><sub><b>Martijn Saly</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Athany" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://quinn.io/"><img src="https://avatars.githubusercontent.com/u/3764?v=4?s=64" width="64px;" alt="Quinn Shanahan"/><br /><sub><b>Quinn Shanahan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aquinn" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://antoinek.fr/"><img src="https://avatars.githubusercontent.com/u/54948363?v=4?s=64" width="64px;" alt="Antoine Kingue"/><br /><sub><b>Antoine Kingue</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AAntoineKM" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/zanzlender"><img src="https://avatars.githubusercontent.com/u/44570474?v=4?s=64" width="64px;" alt="Žan Žlender"/><br /><sub><b>Žan Žlender</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Azanzlender" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/sebadom"><img src="https://avatars.githubusercontent.com/u/3877952?v=4?s=64" width="64px;" alt="Sebastian Dominguez"/><br /><sub><b>Sebastian Dominguez</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asebadom" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jmc420"><img src="https://avatars.githubusercontent.com/u/11723529?v=4?s=64" width="64px;" alt="James Cowan"/><br /><sub><b>James Cowan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajmc420" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/bayraak"><img src="https://avatars.githubusercontent.com/u/10470072?v=4?s=64" width="64px;" alt="Bayram Ali Basgul"/><br /><sub><b>Bayram Ali Basgul</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Abayraak" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://wyatt.castaneda.family/"><img src="https://avatars.githubusercontent.com/u/17957937?v=4?s=64" width="64px;" alt="Wyatt Castaneda"/><br /><sub><b>Wyatt Castaneda</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AWyattCast44" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tsnevillecom"><img src="https://avatars.githubusercontent.com/u/3151454?v=4?s=64" width="64px;" alt="Tim Neville"/><br /><sub><b>Tim Neville</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Atsnevillecom" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/shoooe"><img src="https://avatars.githubusercontent.com/u/733227?v=4?s=64" width="64px;" alt="Thomas Pigarelli"/><br /><sub><b>Thomas Pigarelli</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ashoooe" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jherdman"><img src="https://avatars.githubusercontent.com/u/3300?v=4?s=64" width="64px;" alt="James Herdman"/><br /><sub><b>James Herdman</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajherdman" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/pociej"><img src="https://avatars.githubusercontent.com/u/3854675?v=4?s=64" width="64px;" alt="Grzegorz Pociejewski"/><br /><sub><b>Grzegorz Pociejewski</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Apociej" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/flyon"><img src="https://avatars.githubusercontent.com/u/341567?v=4?s=64" width="64px;" alt="René Verheij"/><br /><sub><b>René Verheij</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aflyon" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/PatrykKuniczak"><img src="https://avatars.githubusercontent.com/u/64608510?v=4?s=64" width="64px;" alt="PatrykKuniczak"/><br /><sub><b>PatrykKuniczak</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3APatrykKuniczak" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://cromodder.github.io/"><img src="https://avatars.githubusercontent.com/u/7691110?v=4?s=64" width="64px;" alt="Paolo Božac"/><br /><sub><b>Paolo Božac</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ACroModder" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/reinos"><img src="https://avatars.githubusercontent.com/u/633730?v=4?s=64" width="64px;" alt="Rein"/><br /><sub><b>Rein</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Areinos" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/FloorianB"><img src="https://avatars.githubusercontent.com/u/110407858?v=4?s=64" width="64px;" alt="FloorianB"/><br /><sub><b>FloorianB</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AFloorianB" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/xuanhung1509"><img src="https://avatars.githubusercontent.com/u/89293664?v=4?s=64" width="64px;" alt="Xuan Hung"/><br /><sub><b>Xuan Hung</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Axuanhung1509" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://monawwar.io/"><img src="https://avatars.githubusercontent.com/u/31907722?v=4?s=64" width="64px;" alt="Monawwar Abdullah"/><br /><sub><b>Monawwar Abdullah</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Amxvsh" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/haroldo-ok"><img src="https://avatars.githubusercontent.com/u/1457465?v=4?s=64" width="64px;" alt="Haroldo de Oliveira Pinheiro"/><br /><sub><b>Haroldo de Oliveira Pinheiro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aharoldo-ok" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://portfoliobytamjid.vercel.app/"><img src="https://avatars.githubusercontent.com/u/57794102?v=4?s=64" width="64px;" alt="Tamjid Ahmed"/><br /><sub><b>Tamjid Ahmed</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ATamjidAhmed10" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jv-lopez"><img src="https://avatars.githubusercontent.com/u/93750956?v=4?s=64" width="64px;" alt="jv-lopez"/><br /><sub><b>jv-lopez</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajv-lopez" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://macr.ae/"><img src="https://avatars.githubusercontent.com/u/472830?v=4?s=64" width="64px;" alt="Callum Macrae"/><br /><sub><b>Callum Macrae</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Acallumacrae" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/0529bill"><img src="https://avatars.githubusercontent.com/u/62455148?v=4?s=64" width="64px;" alt="bywater529"/><br /><sub><b>bywater529</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3A0529bill" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kevinxh"><img src="https://avatars.githubusercontent.com/u/10948652?v=4?s=64" width="64px;" alt="Kevin He"/><br /><sub><b>Kevin He</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Akevinxh" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/FredericoGauz"><img src="https://avatars.githubusercontent.com/u/18327882?v=4?s=64" width="64px;" alt="FredericoGauz"/><br /><sub><b>FredericoGauz</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AFredericoGauz" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.jonlemofficial.com/"><img src="https://avatars.githubusercontent.com/u/38771842?v=4?s=64" width="64px;" alt="Jonathan &quot;JonLem&quot; Lemos"/><br /><sub><b>Jonathan &quot;JonLem&quot; Lemos</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AJonLemOfficial" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/xegulon"><img src="https://avatars.githubusercontent.com/u/74178038?v=4?s=64" width="64px;" alt="Xegulon"/><br /><sub><b>Xegulon</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Axegulon" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/TomSmedley"><img src="https://avatars.githubusercontent.com/u/95056193?v=4?s=64" width="64px;" alt="Tom Smedley"/><br /><sub><b>Tom Smedley</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ATomSmedley" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lightbluepoppy"><img src="https://avatars.githubusercontent.com/u/65863981?v=4?s=64" width="64px;" alt="lightbluepoppy"/><br /><sub><b>lightbluepoppy</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Alightbluepoppy" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Dchole"><img src="https://avatars.githubusercontent.com/u/47068381?v=4?s=64" width="64px;" alt="Derek Oware"/><br /><sub><b>Derek Oware</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ADchole" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://fragmentedthought.com/"><img src="https://avatars.githubusercontent.com/u/12085479?v=4?s=64" width="64px;" alt="Lance Gliser"/><br /><sub><b>Lance Gliser</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Alancegliser" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lewxdev"><img src="https://avatars.githubusercontent.com/u/6710419?v=4?s=64" width="64px;" alt="J. Lewis"/><br /><sub><b>J. Lewis</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Alewxdev" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/yairy"><img src="https://avatars.githubusercontent.com/u/3206243?v=4?s=64" width="64px;" alt="Yair"/><br /><sub><b>Yair</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ayairy" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://firecamp.dev/"><img src="https://avatars.githubusercontent.com/u/5078921?v=4?s=64" width="64px;" alt="Nishchit"/><br /><sub><b>Nishchit</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ANishchit14" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Nejjer"><img src="https://avatars.githubusercontent.com/u/80219537?v=4?s=64" width="64px;" alt="Devofy"/><br /><sub><b>Devofy</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3ANejjer" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://joshguyette.com/"><img src="https://avatars.githubusercontent.com/u/28668902?v=4?s=64" width="64px;" alt="Josh Guyette"/><br /><sub><b>Josh Guyette</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anightness" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/dora-ljh"><img src="https://avatars.githubusercontent.com/u/35205701?v=4?s=64" width="64px;" alt="Dora Li"/><br /><sub><b>Dora Li</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Adora-ljh" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kg-currenxie"><img src="https://avatars.githubusercontent.com/u/48229166?v=4?s=64" width="64px;" alt="Kristian Gerardsson"/><br /><sub><b>Kristian Gerardsson</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Akg-currenxie" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jdpt0"><img src="https://avatars.githubusercontent.com/u/19761394?v=4?s=64" width="64px;" alt="James Powell"/><br /><sub><b>James Powell</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajdpt0" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/boaz-poolman-662162115/"><img src="https://avatars.githubusercontent.com/u/9551934?v=4?s=64" width="64px;" alt="Boaz Poolman"/><br /><sub><b>Boaz Poolman</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aboazpoolman" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/roker15"><img src="https://avatars.githubusercontent.com/u/59526869?v=4?s=64" width="64px;" alt="roker15"/><br /><sub><b>roker15</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aroker15" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/fadhilx"><img src="https://avatars.githubusercontent.com/u/15516786?v=4?s=64" width="64px;" alt="Fadhil Ahmad"/><br /><sub><b>Fadhil Ahmad</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Afadhilx" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Chandler-Zhu"><img src="https://avatars.githubusercontent.com/u/61914365?v=4?s=64" width="64px;" alt="Chandler-Zhu"/><br /><sub><b>Chandler-Zhu</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AChandler-Zhu" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/nixjs"><img src="https://avatars.githubusercontent.com/u/23132483?v=4?s=64" width="64px;" alt="Nghi Nguyen"/><br /><sub><b>Nghi Nguyen</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anixjs" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ShravanSunder"><img src="https://avatars.githubusercontent.com/u/5294949?v=4?s=64" width="64px;" alt="Shravan Sunder"/><br /><sub><b>Shravan Sunder</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AShravanSunder" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Johannes5"><img src="https://avatars.githubusercontent.com/u/14299835?v=4?s=64" width="64px;" alt="Johannes5"/><br /><sub><b>Johannes5</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AJohannes5" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/sebahhpeya"><img src="https://avatars.githubusercontent.com/u/93996817?v=4?s=64" width="64px;" alt="sebahhpeya"/><br /><sub><b>sebahhpeya</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Asebahhpeya" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://onezero.co.il/"><img src="https://avatars.githubusercontent.com/u/45389557?v=4?s=64" width="64px;" alt="Or Nakash"/><br /><sub><b>Or Nakash</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aornakash" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/hepiyellow"><img src="https://avatars.githubusercontent.com/u/6338722?v=4?s=64" width="64px;" alt="Erez Makavy"/><br /><sub><b>Erez Makavy</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ahepiyellow" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://andymerskin.com/"><img src="https://avatars.githubusercontent.com/u/758090?v=4?s=64" width="64px;" alt="Andy Merskin"/><br /><sub><b>Andy Merskin</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aandymerskin" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/chainalert-bot"><img src="https://avatars.githubusercontent.com/u/95303823?v=4?s=64" width="64px;" alt="ChainAlert Bot"/><br /><sub><b>ChainAlert Bot</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Achainalert-bot" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tmdesigned"><img src="https://avatars.githubusercontent.com/u/3608018?v=4?s=64" width="64px;" alt="Taylor Morgan"/><br /><sub><b>Taylor Morgan</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Atmdesigned" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://abkabioye.me/"><img src="https://avatars.githubusercontent.com/u/18709032?v=4?s=64" width="64px;" alt="wisdomabioye"/><br /><sub><b>wisdomabioye</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Awisdomabioye" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.samtheq.com"><img src="https://avatars.githubusercontent.com/u/51345689?v=4?s=64" width="64px;" alt="Samuel Quiñones"/><br /><sub><b>Samuel Quiñones</b></sub></a><br /><a href="#ideas-SamuelQuinones" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ymc-maha"><img src="https://avatars.githubusercontent.com/u/697307?v=4?s=64" width="64px;" alt="Manuel"/><br /><sub><b>Manuel</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=ymc-maha" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aymc-maha" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Yurchishin"><img src="https://avatars.githubusercontent.com/u/36650915?v=4?s=64" width="64px;" alt="Yurii Rybak"/><br /><sub><b>Yurii Rybak</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3AYurchishin" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/iuriiiurevich"><img src="https://avatars.githubusercontent.com/u/15759600?v=4?s=64" width="64px;" alt="Yury Demin"/><br /><sub><b>Yury Demin</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aiuriiiurevich" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=iuriiiurevich" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://tewks.io/"><img src="https://avatars.githubusercontent.com/u/3970573?v=4?s=64" width="64px;" alt="Jon Tewksbury"/><br /><sub><b>Jon Tewksbury</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=jontewks" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajontewks" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/novacdenis"><img src="https://avatars.githubusercontent.com/u/45555668?v=4?s=64" width="64px;" alt="Novac Denis"/><br /><sub><b>Novac Denis</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=novacdenis" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Anovacdenis" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/kyrylo-soulandwolf"><img src="https://avatars.githubusercontent.com/u/54762253?v=4?s=64" width="64px;" alt="kyrylo-soulandwolf"/><br /><sub><b>kyrylo-soulandwolf</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=kyrylo-soulandwolf" title="Code">💻</a> <a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Akyrylo-soulandwolf" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/misidoro"><img src="https://avatars.githubusercontent.com/u/3635023?v=4?s=64" width="64px;" alt="Miguel Isidoro"/><br /><sub><b>Miguel Isidoro</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=misidoro" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://crowds.space/"><img src="https://avatars.githubusercontent.com/u/828918?v=4?s=64" width="64px;" alt="Yuriy Gromchenko"/><br /><sub><b>Yuriy Gromchenko</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=gromchen" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://jcbhmr.me"><img src="https://avatars.githubusercontent.com/u/61068799?v=4?s=64" width="64px;" alt="Jacob Hummer"/><br /><sub><b>Jacob Hummer</b></sub></a><br /><a href="#ideas-jcbhmr" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/k-melnychuk"><img src="https://avatars.githubusercontent.com/u/22131019?v=4?s=64" width="64px;" alt="Kyrylo Melnychuk"/><br /><sub><b>Kyrylo Melnychuk</b></sub></a><br /><a href="#content-k-melnychuk" title="Content">🖋</a> <a href="https://github.com/juliencrn/usehooks-ts/commits?author=k-melnychuk" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/LumaKernel"><img src="https://avatars.githubusercontent.com/u/29811106?v=4?s=64" width="64px;" alt="Luma"/><br /><sub><b>Luma</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=LumaKernel" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Newbie012"><img src="https://avatars.githubusercontent.com/u/10504365?v=4?s=64" width="64px;" alt="Eliya Cohen"/><br /><sub><b>Eliya Cohen</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=Newbie012" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/isumix"><img src="https://avatars.githubusercontent.com/u/16747416?v=4?s=64" width="64px;" alt="Igor Sukharev"/><br /><sub><b>Igor Sukharev</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Aisumix" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/pookmish"><img src="https://avatars.githubusercontent.com/u/7185045?v=4?s=64" width="64px;" alt="pookmish"/><br /><sub><b>pookmish</b></sub></a><br /><a href="#ideas-pookmish" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/metav-drimz"><img src="https://avatars.githubusercontent.com/u/113976282?v=4?s=64" width="64px;" alt="metav-drimz"/><br /><sub><b>metav-drimz</b></sub></a><br /><a href="#ideas-metav-drimz" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://luckrnx09.com/"><img src="https://avatars.githubusercontent.com/u/113882203?v=4?s=64" width="64px;" alt="luckrnx09"/><br /><sub><b>luckrnx09</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=luckrnx09" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/RubyHuntsman"><img src="https://avatars.githubusercontent.com/u/24682602?v=4?s=64" width="64px;" alt="Hubert Kuczmierczyk"/><br /><sub><b>Hubert Kuczmierczyk</b></sub></a><br /><a href="#ideas-RubyHuntsman" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3ARubyHuntsman" title="Reviewed Pull Requests">👀</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/dandubya"><img src="https://avatars.githubusercontent.com/u/67660308?v=4?s=64" width="64px;" alt="dandubya"/><br /><sub><b>dandubya</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=dandubya" title="Documentation">📖</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/LonelyFellas"><img src="https://avatars.githubusercontent.com/u/38754760?v=4?s=64" width="64px;" alt="Darwish"/><br /><sub><b>Darwish</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/commits?author=LonelyFellas" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://www.jesuisjo.com/"><img src="https://avatars.githubusercontent.com/u/2046871?v=4?s=64" width="64px;" alt="Jonathan Raoult"/><br /><sub><b>Jonathan Raoult</b></sub></a><br /><a href="https://github.com/juliencrn/usehooks-ts/issues?q=author%3Ajraoult" title="Bug reports">🐛</a> <a href="https://github.com/juliencrn/usehooks-ts/pulls?q=is%3Apr+reviewed-by%3Ajraoult" title="Reviewed Pull Requests">👀</a></td>
    </tr>
  </tbody>
</table>

<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification ([emoji key](https://allcontributors.org/docs/en/emoji-key)). Contributions of any kind welcome!

## 💞 Donate

If you find this piece of software helpful, please consider a donation. Any amount is greatly appreciated.

[![GitHub Sponsors](https://badgen.net/badge/GitHub%20Sponsors/Donate/blue)](https://github.com/sponsors/juliencrn)
[![Paypal](https://badgen.net/badge/Paypal/Donate/blue)](https://www.paypal.com/paypalme/juliencrn)
[![Stripe](https://badgen.net/badge/Stripe/Donate/blue)](https://buy.stripe.com/fZefZY8Bv32cg9O3cc)
[![Buy me a coffee](https://badgen.net/badge/Buy%20me%20a%20coffee/Donate/blue)](https://www.buymeacoffee.com/juliencrn)

BTC: `bc1qwys40tnd0lxf9lr9l0t6xc63dpxyucj4x4nay0`

ETH: `0x36a85155a8300754C56395D5af24553FB18915D6`

## 📝 License

This project is [MIT](https://github.com/juliencrn/usehooks-ts/blob/master/LICENSE) licensed.


================================================
FILE: packages/usehooks-ts/package.json
================================================
{
  "name": "usehooks-ts",
  "private": false,
  "version": "3.1.1",
  "description": "React hook library, ready to use, written in Typescript.",
  "author": "Julien CARON <juliencaron@protonmail.com>",
  "homepage": "https://usehooks-ts.com",
  "keywords": [
    "typescript",
    "react",
    "hooks"
  ],
  "license": "MIT",
  "type": "module",
  "main": "./dist/index.js",
  "types": "./dist/index.d.ts",
  "exports": {
    "./package.json": "./package.json",
    ".": {
      "import": {
        "types": "./dist/index.d.ts",
        "default": "./dist/index.js"
      },
      "require": {
        "types": "./dist/index.d.cts",
        "default": "./dist/index.cjs"
      }
    }
  },
  "sideEffects": false,
  "scripts": {
    "build": "tsup",
    "dev": "tsup --watch",
    "test": "vitest run",
    "test:watch": "vitest",
    "clean": "rimraf dist .turbo *.tsbuildinfo",
    "lint": "eslint './src/**/*.{ts,tsx}' && tsc --noEmit"
  },
  "devDependencies": {
    "@juggle/resize-observer": "^3.4.0",
    "@testing-library/jest-dom": "^6.4.2",
    "@testing-library/react": "^14.2.1",
    "@types/lodash.debounce": "^4.0.9",
    "@types/node": "^20.11.19",
    "@types/react": "18.2.73",
    "eslint-config-custom": "workspace:*",
    "eslint-plugin-jsdoc": "^48.1.0",
    "eslint-plugin-tree-shaking": "^1.12.1",
    "jsdom": "^24.0.0",
    "react": "18.2.0",
    "tsup": "^8.0.2",
    "typescript": "^5.3.3",
    "vitest": "^1.3.1"
  },
  "dependencies": {
    "lodash.debounce": "^4.0.8"
  },
  "peerDependencies": {
    "react": "^16.8.0  || ^17 || ^18 || ^19 || ^19.0.0-rc"
  },
  "engines": {
    "node": ">=16.15.0"
  },
  "files": [
    "dist"
  ],
  "repository": {
    "type": "git",
    "url": "https://github.com/juliencrn/usehooks-ts"
  },
  "bugs": {
    "url": "https://github.com/juliencrn/usehooks-ts/issues"
  }
}


================================================
FILE: packages/usehooks-ts/src/index.ts
================================================
export * from './useBoolean'
export * from './useClickAnyWhere'
export * from './useCopyToClipboard'
export * from './useCountdown'
export * from './useCounter'
export * from './useDarkMode'
export * from './useDebounceCallback'
export * from './useDebounceValue'
export * from './useDocumentTitle'
export * from './useEventCallback'
export * from './useEventListener'
export * from './useHover'
export * from './useIntersectionObserver'
export * from './useInterval'
export * from './useIsClient'
export * from './useIsMounted'
export * from './useIsomorphicLayoutEffect'
export * from './useLocalStorage'
export * from './useMap'
export * from './useMediaQuery'
export * from './useOnClickOutside'
export * from './useReadLocalStorage'
export * from './useResizeObserver'
export * from './useScreen'
export * from './useScript'
export * from './useScrollLock'
export * from './useSessionStorage'
export * from './useStep'
export * from './useTernaryDarkMode'
export * from './useTimeout'
export * from './useToggle'
export * from './useUnmount'
export * from './useWindowSize'


================================================
FILE: packages/usehooks-ts/src/useBoolean/index.ts
================================================
export * from './useBoolean'


================================================
FILE: packages/usehooks-ts/src/useBoolean/useBoolean.demo.tsx
================================================
import { useBoolean } from './useBoolean'

export default function Component() {
  const { value, setValue, setTrue, setFalse, toggle } = useBoolean(false)

  // Just an example to use "setValue"
  const customToggle = () => {
    setValue((x: boolean) => !x)
  }

  return (
    <>
      <p>
        Value is <code>{value.toString()}</code>
      </p>
      <button onClick={setTrue}>set true</button>
      <button onClick={setFalse}>set false</button>
      <button onClick={toggle}>toggle</button>
      <button onClick={customToggle}>custom toggle</button>
    </>
  )
}


================================================
FILE: packages/usehooks-ts/src/useBoolean/useBoolean.md
================================================
A simple abstraction to play with a boolean, don't repeat yourself.

Related hooks:

- [`useToggle()`](/react-hook/use-toggle)


================================================
FILE: packages/usehooks-ts/src/useBoolean/useBoolean.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { useBoolean } from './useBoolean'

describe('useBoolean()', () => {
  it('should use boolean', () => {
    const { result } = renderHook(() => useBoolean())

    expect(result.current.value).toBe(false)
    expect(typeof result.current.setTrue).toBe('function')
    expect(typeof result.current.setFalse).toBe('function')
    expect(typeof result.current.toggle).toBe('function')
    expect(typeof result.current.setValue).toBe('function')
  })

  it('should default value works (1)', () => {
    const { result } = renderHook(() => useBoolean(true))

    expect(result.current.value).toBe(true)
  })

  it('should default value works (2)', () => {
    const { result } = renderHook(() => useBoolean(false))

    expect(result.current.value).toBe(false)
  })

  it('should set to true (1)', () => {
    const { result } = renderHook(() => useBoolean(false))

    act(() => {
      result.current.setTrue()
    })

    expect(result.current.value).toBe(true)
  })

  it('should set to true (2)', () => {
    const { result } = renderHook(() => useBoolean(false))

    act(() => {
      result.current.setTrue()
      result.current.setTrue()
    })

    expect(result.current.value).toBe(true)
  })

  it('should set to false (1)', () => {
    const { result } = renderHook(() => useBoolean(true))

    act(() => {
      result.current.setFalse()
    })

    expect(result.current.value).toBe(false)
  })

  it('should set to false (2)', () => {
    const { result } = renderHook(() => useBoolean(true))

    act(() => {
      result.current.setFalse()
      result.current.setFalse()
    })

    expect(result.current.value).toBe(false)
  })

  it('should toggle value', () => {
    const { result } = renderHook(() => useBoolean(true))

    act(() => {
      result.current.toggle()
    })

    expect(result.current.value).toBe(false)
  })

  it('should toggle value from prev using setValue', () => {
    const { result } = renderHook(() => useBoolean(true))

    act(() => {
      result.current.setValue(x => !x)
    })

    expect(result.current.value).toBe(false)
  })

  it('should throw an error', () => {
    const nonBoolean = '' as never
    vi.spyOn(console, 'error').mockImplementation(() => vi.fn())
    expect(() => {
      renderHook(() => useBoolean(nonBoolean))
    }).toThrowError(/defaultValue must be `true` or `false`/)
    vi.resetAllMocks()
  })
})


================================================
FILE: packages/usehooks-ts/src/useBoolean/useBoolean.ts
================================================
import { useCallback, useState } from 'react'

import type { Dispatch, SetStateAction } from 'react'

/** The useBoolean return type. */
type UseBooleanReturn = {
  /** The current boolean state value. */
  value: boolean
  /** Function to set the boolean state directly. */
  setValue: Dispatch<SetStateAction<boolean>>
  /** Function to set the boolean state to `true`. */
  setTrue: () => void
  /** Function to set the boolean state to `false`. */
  setFalse: () => void
  /** Function to toggle the boolean state. */
  toggle: () => void
}

/**
 * Custom hook that handles boolean state with useful utility functions.
 * @param {boolean} [defaultValue] - The initial value for the boolean state (default is `false`).
 * @returns {UseBooleanReturn} An object containing the boolean state value and utility functions to manipulate the state.
 * @throws Will throw an error if `defaultValue` is an invalid boolean value.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-boolean)
 * @example
 * ```tsx
 * const { value, setTrue, setFalse, toggle } = useBoolean(true);
 * ```
 */
export function useBoolean(defaultValue = false): UseBooleanReturn {
  if (typeof defaultValue !== 'boolean') {
    throw new Error('defaultValue must be `true` or `false`')
  }
  const [value, setValue] = useState(defaultValue)

  const setTrue = useCallback(() => {
    setValue(true)
  }, [])

  const setFalse = useCallback(() => {
    setValue(false)
  }, [])

  const toggle = useCallback(() => {
    setValue(x => !x)
  }, [])

  return { value, setValue, setTrue, setFalse, toggle }
}


================================================
FILE: packages/usehooks-ts/src/useClickAnyWhere/index.ts
================================================
export * from './useClickAnyWhere'


================================================
FILE: packages/usehooks-ts/src/useClickAnyWhere/useClickAnyWhere.demo.tsx
================================================
import { useState } from 'react'

import { useClickAnyWhere } from './useClickAnyWhere'

export default function Component() {
  const [count, setCount] = useState(0)

  useClickAnyWhere(() => {
    setCount(prev => prev + 1)
  })

  return <p>Click count: {count}</p>
}


================================================
FILE: packages/usehooks-ts/src/useClickAnyWhere/useClickAnyWhere.md
================================================
This simple React hook offers you a click event listener at the page level, don't repeat yourself.

It is made on the [useEventListener](/react-hook/use-event-listener).


================================================
FILE: packages/usehooks-ts/src/useClickAnyWhere/useClickAnyWhere.test.ts
================================================
import { act, fireEvent, renderHook } from '@testing-library/react'

import { useClickAnyWhere } from './useClickAnyWhere'

describe('useClickAnyWhere()', () => {
  it('should call handler (0)', () => {
    const mockHandler: (event: MouseEvent) => void = vitest.fn()
    renderHook(() => {
      useClickAnyWhere(mockHandler)
    })

    act(() => {
      fireEvent.doubleClick(window)
    })

    expect(mockHandler).toHaveBeenCalledTimes(0)
  })

  it('should call handler (1) with MouseEvent', () => {
    const mockHandler: (event: MouseEvent) => void = vitest.fn()

    renderHook(() => {
      useClickAnyWhere(mockHandler)
    })

    act(() => {
      fireEvent.click(window)
    })

    expect(mockHandler).toHaveBeenCalledTimes(1)
    expect(mockHandler).toHaveBeenCalledWith(expect.any(MouseEvent))
  })

  it('should call handler (2)', () => {
    const mockHandler: (event: MouseEvent) => void = vitest.fn()
    renderHook(() => {
      useClickAnyWhere(mockHandler)
    })

    act(() => {
      fireEvent.click(window)
      fireEvent.click(window)
    })

    expect(mockHandler).toHaveBeenCalledTimes(2)
  })
})


================================================
FILE: packages/usehooks-ts/src/useClickAnyWhere/useClickAnyWhere.ts
================================================
import { useEventListener } from '../useEventListener'

/**
 * Custom hook that handles click events anywhere on the document.
 * @param {Function} handler - The function to be called when a click event is detected anywhere on the document.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-click-any-where)
 * @example
 * ```tsx
 * const handleClick = (event) => {
 *   console.log('Document clicked!', event);
 * };
 *
 * // Attach click event handler to document
 * useClickAnywhere(handleClick);
 * ```
 */
export function useClickAnyWhere(handler: (event: MouseEvent) => void) {
  useEventListener('click', event => {
    handler(event)
  })
}


================================================
FILE: packages/usehooks-ts/src/useCopyToClipboard/index.ts
================================================
export * from './useCopyToClipboard'


================================================
FILE: packages/usehooks-ts/src/useCopyToClipboard/useCopyToClipboard.demo.tsx
================================================
import { useCopyToClipboard } from './useCopyToClipboard'

export default function Component() {
  const [copiedText, copy] = useCopyToClipboard()

  const handleCopy = (text: string) => () => {
    copy(text)
      .then(() => {
        console.log('Copied!', { text })
      })
      .catch(error => {
        console.error('Failed to copy!', error)
      })
  }

  return (
    <>
      <h1>Click to copy:</h1>
      <div style={{ display: 'flex' }}>
        <button onClick={handleCopy('A')}>A</button>
        <button onClick={handleCopy('B')}>B</button>
        <button onClick={handleCopy('C')}>C</button>
      </div>
      <p>Copied value: {copiedText ?? 'Nothing is copied yet!'}</p>
    </>
  )
}


================================================
FILE: packages/usehooks-ts/src/useCopyToClipboard/useCopyToClipboard.md
================================================
React Hook for easy clipboard copy functionality.

This hook provides a simple method to copy a string to the [clipboard](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard) and keeps track of the copied value. If the copying process encounters an issue, it logs a warning in the console, and the copied value remains null.


================================================
FILE: packages/usehooks-ts/src/useCopyToClipboard/useCopyToClipboard.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { useCopyToClipboard } from './useCopyToClipboard'

describe('useCopyToClipboard()', () => {
  const originalClipboard = { ...global.navigator.clipboard }
  const mockData = 'Test value'

  beforeEach(() => {
    const mockClipboard = {
      writeText: vitest.fn(),
    }
    // @ts-ignore mock clipboard
    global.navigator.clipboard = mockClipboard
  })

  afterEach(() => {
    vitest.resetAllMocks()
    // @ts-ignore mock clipboard
    global.navigator.clipboard = originalClipboard
  })

  it('should use clipboard', () => {
    const { result } = renderHook(() => useCopyToClipboard())

    expect(result.current[0]).toBe(null)
    expect(typeof result.current[1]).toBe('function')
  })

  it('should copy to the clipboard and the state', async () => {
    const { result } = renderHook(() => useCopyToClipboard())

    await act(async () => {
      await result.current[1](mockData)
    })

    expect(navigator.clipboard.writeText).toHaveBeenCalledTimes(1)
    expect(navigator.clipboard.writeText).toHaveBeenCalledWith(mockData)
    expect(result.current[0]).toBe(mockData)
  })
})


================================================
FILE: packages/usehooks-ts/src/useCopyToClipboard/useCopyToClipboard.ts
================================================
import { useCallback, useState } from 'react'

/**
 * The copied text as `string` or `null` if nothing has been copied yet.
 */
type CopiedValue = string | null

/**
 * Function to copy text to the clipboard.
 * @param text - The text to copy to the clipboard.
 * @returns {Promise<boolean>} A promise that resolves to `true` if the text was copied successfully, or `false` otherwise.
 */
type CopyFn = (text: string) => Promise<boolean>

/**
 * Custom hook that copies text to the clipboard using the [`Clipboard API`](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API).
 * @returns {[CopiedValue, CopyFn]} An tuple containing the copied text and a function to copy text to the clipboard.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-copy-to-clipboard)
 * @example
 * ```tsx
 * const [copiedText, copyToClipboard] = useCopyToClipboard();
 * const textToCopy = 'Hello, world!';
 *
 * // Attempt to copy text to the clipboard
 * copyToClipboard(textToCopy)
 *   .then(success => {
 *     if (success) {
 *       console.log(`Text "${textToCopy}" copied to clipboard successfully.`);
 *     } else {
 *       console.error('Failed to copy text to clipboard.');
 *     }
 *   });
 * ```
 */
export function useCopyToClipboard(): [CopiedValue, CopyFn] {
  const [copiedText, setCopiedText] = useState<CopiedValue>(null)

  const copy: CopyFn = useCallback(async text => {
    if (!navigator?.clipboard) {
      console.warn('Clipboard not supported')
      return false
    }

    // Try to save to clipboard then save it in the state if worked
    try {
      await navigator.clipboard.writeText(text)
      setCopiedText(text)
      return true
    } catch (error) {
      console.warn('Copy failed', error)
      setCopiedText(null)
      return false
    }
  }, [])

  return [copiedText, copy]
}


================================================
FILE: packages/usehooks-ts/src/useCountdown/index.ts
================================================
export * from './useCountdown'


================================================
FILE: packages/usehooks-ts/src/useCountdown/useCountdown.demo.tsx
================================================
import { useState } from 'react'

import type { ChangeEvent } from 'react'

import { useCountdown } from './useCountdown'

export default function Component() {
  const [intervalValue, setIntervalValue] = useState<number>(1000)
  const [count, { startCountdown, stopCountdown, resetCountdown }] =
    useCountdown({
      countStart: 60,
      intervalMs: intervalValue,
    })

  const handleChangeIntervalValue = (event: ChangeEvent<HTMLInputElement>) => {
    setIntervalValue(Number(event.target.value))
  }
  return (
    <div>
      <p>Count: {count}</p>

      <input
        type="number"
        value={intervalValue}
        onChange={handleChangeIntervalValue}
      />
      <button onClick={startCountdown}>start</button>
      <button onClick={stopCountdown}>stop</button>
      <button onClick={resetCountdown}>reset</button>
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useCountdown/useCountdown.md
================================================
**IMPORTANT**: The new useCountdown is deprecating the old one on the next major version.

A simple countdown implementation. Support increment and decrement.

NEW VERSION: A simple countdown implementation. Accepts `countStop`(new), `countStart` (was `seconds`), `intervalMs`(was `interval`) and `isIncrement` as keys of the call argument. Support increment and decrement. Will stop when at `countStop`.

Related hooks:

- [`useBoolean()`](/react-hook/use-boolean)
- [`useToggle()`](/react-hook/use-toggle)
- [`useCounter()`](/react-hook/use-counter)
- [`useInterval()`](/react-hook/use-interval)


================================================
FILE: packages/usehooks-ts/src/useCountdown/useCountdown.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { useCountdown } from './useCountdown'

vitest.useFakeTimers()

describe('useCountdown()', () => {
  it('should return callable functions', () => {
    const { result } = renderHook(() =>
      useCountdown({ countStart: 60, intervalMs: 500, isIncrement: false }),
    )

    expect(result.current[0]).toBe(60)
    expect(typeof result.current[1].startCountdown).toBe('function')
    expect(typeof result.current[1].stopCountdown).toBe('function')
    expect(typeof result.current[1].resetCountdown).toBe('function')
  })

  it('should increment count', () => {
    const { result } = renderHook(() =>
      useCountdown({ countStart: 60, intervalMs: 500, isIncrement: true }),
    )

    act(result.current[1].startCountdown)
    act(() => {
      vitest.advanceTimersByTime(1000)
    })

    expect(result.current[0]).toBe(62)
  })

  it('should decrement count', () => {
    const { result } = renderHook(() =>
      useCountdown({ countStart: 60, intervalMs: 500 }),
    )

    act(result.current[1].startCountdown)
    act(() => {
      vitest.advanceTimersByTime(1000)
    })

    expect(result.current[0]).toBe(58)
  })

  it('should accept countStart', () => {
    const { result } = renderHook(() => useCountdown({ countStart: 30 }))

    expect(result.current[0]).toBe(30)
    expect(typeof result.current[1].startCountdown).toBe('function')
    expect(typeof result.current[1].stopCountdown).toBe('function')
    expect(typeof result.current[1].resetCountdown).toBe('function')
  })

  it('should accept intervalMs', () => {
    const { result } = renderHook(() =>
      useCountdown({ countStart: 60, intervalMs: 500 }),
    )

    expect(result.current[0]).toBe(60)
    expect(typeof result.current[1].startCountdown).toBe('function')
    expect(typeof result.current[1].stopCountdown).toBe('function')
    expect(typeof result.current[1].resetCountdown).toBe('function')

    act(result.current[1].startCountdown)
    act(() => {
      vitest.advanceTimersByTime(500)
    })

    expect(result.current[0]).toBe(59)
  })

  it('should stop at countStop (default: 0)', () => {
    const { result } = renderHook(() =>
      useCountdown({ countStart: 60, intervalMs: 1000 }),
    )

    expect(result.current[0]).toBe(60)
    expect(typeof result.current[1].startCountdown).toBe('function')
    expect(typeof result.current[1].stopCountdown).toBe('function')
    expect(typeof result.current[1].resetCountdown).toBe('function')

    act(result.current[1].startCountdown)
    act(() => {
      vitest.advanceTimersByTime(60 * 1000)
    })

    expect(result.current[0]).toBe(0)

    act(() => {
      vitest.advanceTimersByTime(1000)
    })

    expect(result.current[0]).toBe(0)
  })

  it('should stop at custom countStop', () => {
    const { result } = renderHook(() =>
      useCountdown({ countStart: 60, intervalMs: 1000, countStop: 30 }),
    )

    expect(result.current[0]).toBe(60)
    expect(typeof result.current[1].startCountdown).toBe('function')
    expect(typeof result.current[1].stopCountdown).toBe('function')
    expect(typeof result.current[1].resetCountdown).toBe('function')

    act(result.current[1].startCountdown)
    act(() => {
      vitest.advanceTimersByTime(30 * 1000)
    })

    expect(result.current[0]).toBe(30)

    act(() => {
      vitest.advanceTimersByTime(1000)
    })

    expect(result.current[0]).toBe(30)
  })

  it('should stop countdown', () => {
    const { result } = renderHook(() =>
      useCountdown({ countStart: 60, intervalMs: 1000 }),
    )

    expect(result.current[0]).toBe(60)
    act(result.current[1].startCountdown)
    act(() => {
      vitest.advanceTimersByTime(2000)
    })

    expect(result.current[0]).toBe(58)
    act(result.current[1].stopCountdown)
    act(() => {
      vitest.advanceTimersByTime(3000)
    })
    expect(result.current[0]).toBe(58)
  })

  it('should stop reversed countdown', () => {
    const { result } = renderHook(() =>
      useCountdown({
        countStart: 10,
        intervalMs: 1000,
        countStop: 20,
        isIncrement: true,
      }),
    )

    expect(result.current[0]).toBe(10)
    act(result.current[1].startCountdown)
    act(() => {
      vitest.advanceTimersByTime(2 * 1000)
    })

    expect(result.current[0]).toBe(12)

    act(() => {
      vitest.advanceTimersByTime(8 * 1000)
    })
    expect(result.current[0]).toBe(20)

    act(() => {
      vitest.advanceTimersByTime(3 * 1000)
    })

    expect(result.current[0]).toBe(20)
  })

  it('should reset count', () => {
    const { result } = renderHook(() =>
      useCountdown({ countStart: 60, intervalMs: 1000 }),
    )

    act(result.current[1].startCountdown)
    act(() => {
      vitest.advanceTimersByTime(1000)
    })
    act(result.current[1].stopCountdown)
    expect(result.current[0]).toBeLessThan(60)

    act(result.current[1].resetCountdown)
    expect(result.current[0]).toBe(60)
  })
})


================================================
FILE: packages/usehooks-ts/src/useCountdown/useCountdown.ts
================================================
import { useCallback } from 'react'

import { useBoolean } from '../useBoolean'
import { useCounter } from '../useCounter'
import { useInterval } from '../useInterval'

/** The countdown's options. */
type CountdownOptions = {
  /** The countdown's starting number, initial value of the returned number. */
  countStart: number

  /**
   * The countdown's interval, in milliseconds.
   * @default 1000
   */
  intervalMs?: number
  /**
   * True if the countdown is increment.
   * @default false
   */
  isIncrement?: boolean

  /**
   * The countdown's stopping number. Pass `-Infinity` to decrease forever.
   * @default 0
   */
  countStop?: number
}

/** The countdown's controllers. */
type CountdownControllers = {
  /** Start the countdown. */
  startCountdown: () => void
  /** Stop the countdown. */
  stopCountdown: () => void
  /** Reset the countdown. */
  resetCountdown: () => void
}

/**
 * Custom hook that manages countdown.
 * @param {CountdownOptions} countdownOptions - The countdown's options.
 * @returns {[number, CountdownControllers]} An array containing the countdown's count and its controllers.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-countdown)
 * @example
 * ```tsx
 * const [counter, { start, stop, reset }] = useCountdown({
 *   countStart: 10,
 *   intervalMs: 1000,
 *   isIncrement: false,
 * });
 * ```
 */
export function useCountdown({
  countStart,
  countStop = 0,
  intervalMs = 1000,
  isIncrement = false,
}: CountdownOptions): [number, CountdownControllers] {
  const {
    count,
    increment,
    decrement,
    reset: resetCounter,
  } = useCounter(countStart)

  /*
   * Note: used to control the useInterval
   * running: If true, the interval is running
   * start: Should set running true to trigger interval
   * stop: Should set running false to remove interval.
   */
  const {
    value: isCountdownRunning,
    setTrue: startCountdown,
    setFalse: stopCountdown,
  } = useBoolean(false)

  // Will set running false and reset the seconds to initial value.
  const resetCountdown = useCallback(() => {
    stopCountdown()
    resetCounter()
  }, [stopCountdown, resetCounter])

  const countdownCallback = useCallback(() => {
    if (count === countStop) {
      stopCountdown()
      return
    }

    if (isIncrement) {
      increment()
    } else {
      decrement()
    }
  }, [count, countStop, decrement, increment, isIncrement, stopCountdown])

  useInterval(countdownCallback, isCountdownRunning ? intervalMs : null)

  return [count, { startCountdown, stopCountdown, resetCountdown }]
}


================================================
FILE: packages/usehooks-ts/src/useCounter/index.ts
================================================
export * from './useCounter'


================================================
FILE: packages/usehooks-ts/src/useCounter/useCounter.demo.tsx
================================================
import { useCounter } from './useCounter'

export default function Component() {
  const { count, setCount, increment, decrement, reset } = useCounter(0)

  const multiplyBy2 = () => {
    setCount((x: number) => x * 2)
  }

  return (
    <>
      <p>Count is {count}</p>
      <button onClick={increment}>Increment</button>
      <button onClick={decrement}>Decrement</button>
      <button onClick={reset}>Reset</button>
      <button onClick={multiplyBy2}>Multiply by 2</button>
    </>
  )
}


================================================
FILE: packages/usehooks-ts/src/useCounter/useCounter.md
================================================
A simple abstraction to play with a counter, don't repeat yourself.


================================================
FILE: packages/usehooks-ts/src/useCounter/useCounter.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { useCounter } from './useCounter'

describe('useCounter()', () => {
  it('should use counter', () => {
    const { result } = renderHook(() => useCounter())

    expect(result.current.count).toBe(0)
    expect(typeof result.current.increment).toBe('function')
    expect(typeof result.current.decrement).toBe('function')
    expect(typeof result.current.reset).toBe('function')
    expect(typeof result.current.setCount).toBe('function')
  })

  it('should increment counter', () => {
    const { result } = renderHook(() => useCounter())

    act(() => {
      result.current.increment()
    })

    expect(result.current.count).toBe(1)
  })

  it('should decrement counter', () => {
    const { result } = renderHook(() => useCounter())

    act(() => {
      result.current.decrement()
    })

    expect(result.current.count).toBe(-1)
  })

  it('should default value works', () => {
    const { result } = renderHook(() => useCounter(3))

    expect(result.current.count).toBe(3)
  })

  it('should decrement counter with default value', () => {
    const { result } = renderHook(() => useCounter(3))

    act(() => {
      result.current.decrement()
    })

    expect(result.current.count).toBe(2)
  })

  it('should set counter', () => {
    const { result } = renderHook(() => useCounter())

    act(() => {
      result.current.setCount(5)
    })

    expect(result.current.count).toBe(5)
  })

  it('should set counter with prev value', () => {
    const { result } = renderHook(() => useCounter(5))

    act(() => {
      result.current.setCount(x => x + 2)
    })

    expect(result.current.count).toBe(7)
  })

  it('should reset counter', () => {
    const { result } = renderHook(() => useCounter(0))

    act(() => {
      result.current.increment()
      result.current.reset()
    })

    expect(result.current.count).toBe(0)
  })
})


================================================
FILE: packages/usehooks-ts/src/useCounter/useCounter.ts
================================================
import { useCallback, useState } from 'react'

import type { Dispatch, SetStateAction } from 'react'

/** The hook return type. */
type UseCounterReturn = {
  /** The current count value. */
  count: number
  /** Function to increment the counter by 1. */
  increment: () => void
  /** Function to decrement the counter by 1. */
  decrement: () => void
  /** Function to reset the counter to its initial value. */
  reset: () => void
  /** Function to set a specific value to the counter. */
  setCount: Dispatch<SetStateAction<number>>
}

/**
 * Custom hook that manages a counter with increment, decrement, reset, and setCount functionalities.
 * @param {number} [initialValue] - The initial value for the counter.
 * @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-counter)
 * @example
 * ```tsx
 * const { count, increment, decrement, reset, setCount } = useCounter(5);
 * ```
 */
export function useCounter(initialValue?: number): UseCounterReturn {
  const [count, setCount] = useState(initialValue ?? 0)

  const increment = useCallback(() => {
    setCount(x => x + 1)
  }, [])

  const decrement = useCallback(() => {
    setCount(x => x - 1)
  }, [])

  const reset = useCallback(() => {
    setCount(initialValue ?? 0)
  }, [initialValue])

  return {
    count,
    increment,
    decrement,
    reset,
    setCount,
  }
}


================================================
FILE: packages/usehooks-ts/src/useDarkMode/index.ts
================================================
export * from './useDarkMode'


================================================
FILE: packages/usehooks-ts/src/useDarkMode/useDarkMode.demo.tsx
================================================
import { useDarkMode } from './useDarkMode'

export default function Component() {
  const { isDarkMode, toggle, enable, disable } = useDarkMode()

  return (
    <div>
      <p>Current theme: {isDarkMode ? 'dark' : 'light'}</p>
      <button onClick={toggle}>Toggle</button>
      <button onClick={enable}>Enable</button>
      <button onClick={disable}>Disable</button>
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useDarkMode/useDarkMode.md
================================================
This React Hook offers you an interface to set, enable, disable, toggle and read the dark theme mode.
The returned value (`isDarkMode`) is a boolean to let you be able to use with your logic.

It uses internally [`useLocalStorage()`](/react-hook/use-local-storage) to persist the value and listens the OS color scheme preferences.

**Note**: If you use this hook in an SSR context, set the `initializeWithValue` option to `false`.


================================================
FILE: packages/usehooks-ts/src/useDarkMode/useDarkMode.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { mockMatchMedia, mockStorage } from '../../tests/mocks'
import { useDarkMode } from './useDarkMode'

mockStorage('localStorage')

describe('useDarkMode()', () => {
  beforeEach(() => {
    window.localStorage.clear()
  })

  it('should initiate correctly', () => {
    mockMatchMedia(false)
    const { result } = renderHook(() => useDarkMode())
    expect(typeof result.current.isDarkMode).toBe('boolean')
    expect(typeof result.current.disable).toBe('function')
    expect(typeof result.current.toggle).toBe('function')
    expect(typeof result.current.enable).toBe('function')
    expect(typeof result.current.set).toBe('function')
    expect(result.current.isDarkMode).toBe(false)
  })

  it('should have a default value', () => {
    mockMatchMedia(true)
    const { result } = renderHook(() => useDarkMode())
    expect(result.current.isDarkMode).toBe(true)
  })

  it('should toggle dark mode', () => {
    mockMatchMedia(true)
    const { result } = renderHook(() => useDarkMode())
    expect(result.current.isDarkMode).toBe(true)
    act(() => {
      result.current.toggle()
    })
    expect(result.current.isDarkMode).toBe(false)
    act(() => {
      result.current.toggle()
    })
    expect(result.current.isDarkMode).toBe(true)
  })

  it('should enable dark mode (1)', () => {
    mockMatchMedia(true)
    const { result } = renderHook(() => useDarkMode())
    expect(result.current.isDarkMode).toBe(true)
    act(() => {
      result.current.enable()
    })
    expect(result.current.isDarkMode).toBe(true)
  })

  it('should enable dark mode (2)', () => {
    mockMatchMedia(false)
    const { result } = renderHook(() => useDarkMode())
    expect(result.current.isDarkMode).toBe(false)
    act(() => {
      result.current.enable()
    })
    expect(result.current.isDarkMode).toBe(true)
  })

  it('should disable dark mode (1)', () => {
    mockMatchMedia(true)
    const { result } = renderHook(() => useDarkMode())
    expect(result.current.isDarkMode).toBe(true)
    act(() => {
      result.current.disable()
    })
    expect(result.current.isDarkMode).toBe(false)
  })

  it('should disable dark mode (2)', () => {
    mockMatchMedia(false)
    const { result } = renderHook(() => useDarkMode())
    expect(result.current.isDarkMode).toBe(false)
    act(() => {
      result.current.disable()
    })
    expect(result.current.isDarkMode).toBe(false)
  })

  it('should set dark mode', () => {
    mockMatchMedia(true)
    const { result } = renderHook(() => useDarkMode())
    act(() => {
      result.current.set(false)
    })
    expect(result.current.isDarkMode).toBe(false)
    act(() => {
      result.current.set(true)
    })
    expect(result.current.isDarkMode).toBe(true)
  })

  it('should accept a custom localStorage key', () => {
    mockMatchMedia(false)
    const { result } = renderHook(() =>
      useDarkMode({ localStorageKey: 'custom-key' }),
    )

    expect(result.current.isDarkMode).toBe(false)

    act(() => {
      result.current.toggle()
    })

    expect(result.current.isDarkMode).toBe(true)
    expect(window.localStorage.getItem('custom-key')).toBe(JSON.stringify(true))
  })

  it('should accept a custom default value', () => {
    mockMatchMedia(true)
    const { result } = renderHook(() =>
      useDarkMode({ defaultValue: true, initializeWithValue: false }),
    )

    expect(result.current.isDarkMode).toBe(true)

    act(() => {
      result.current.toggle()
    })

    expect(result.current.isDarkMode).toBe(false)
  })
})


================================================
FILE: packages/usehooks-ts/src/useDarkMode/useDarkMode.ts
================================================
import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect'
import { useLocalStorage } from '../useLocalStorage'
import { useMediaQuery } from '../useMediaQuery'

const COLOR_SCHEME_QUERY = '(prefers-color-scheme: dark)'
const LOCAL_STORAGE_KEY = 'usehooks-ts-dark-mode'

/** The hook options. */
type DarkModeOptions = {
  /**
   * The initial value of the dark mode.
   * @default false
   */
  defaultValue?: boolean
  /**
   * The key to use in the local storage.
   * @default 'usehooks-ts-dark-mode'
   */
  localStorageKey?: string
  /**
   * If `true` (default), the hook will initialize reading `localStorage`.
   * In SSR, you should set it to `false`, returning the `defaultValue` or `false` initially.
   * @default true
   */
  initializeWithValue?: boolean
}

/** The hook return type. */
type DarkModeReturn = {
  /** The current state of the dark mode. */
  isDarkMode: boolean
  /** Function to toggle the dark mode. */
  toggle: () => void
  /** Function to enable the dark mode. */
  enable: () => void
  /** Function to disable the dark mode. */
  disable: () => void
  /** Function to set a specific value to the dark mode. */
  set: (value: boolean) => void
}

/**
 * Custom hook that returns the current state of the dark mode.
 * @param {?DarkModeOptions} [options] - The initial value of the dark mode, default `false`.
 * @returns {DarkModeReturn} An object containing the dark mode's state and its controllers.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-dark-mode)
 * @example
 * ```tsx
 * const { isDarkMode, toggle, enable, disable, set } = useDarkMode({ defaultValue: true });
 * ```
 */
export function useDarkMode(options: DarkModeOptions = {}): DarkModeReturn {
  const {
    defaultValue,
    localStorageKey = LOCAL_STORAGE_KEY,
    initializeWithValue = true,
  } = options

  const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY, {
    initializeWithValue,
    defaultValue,
  })
  const [isDarkMode, setDarkMode] = useLocalStorage<boolean>(
    localStorageKey,
    defaultValue ?? isDarkOS ?? false,
    { initializeWithValue },
  )

  // Update darkMode if os prefers changes
  useIsomorphicLayoutEffect(() => {
    if (isDarkOS !== isDarkMode) {
      setDarkMode(isDarkOS)
    }
  }, [isDarkOS])

  return {
    isDarkMode,
    toggle: () => {
      setDarkMode(prev => !prev)
    },
    enable: () => {
      setDarkMode(true)
    },
    disable: () => {
      setDarkMode(false)
    },
    set: value => {
      setDarkMode(value)
    },
  }
}


================================================
FILE: packages/usehooks-ts/src/useDebounceCallback/index.ts
================================================
export * from './useDebounceCallback'


================================================
FILE: packages/usehooks-ts/src/useDebounceCallback/useDebounceCallback.demo.tsx
================================================
import { useState } from 'react'

import { useDebounceCallback } from './useDebounceCallback'

export default function Component() {
  const [value, setValue] = useState('')

  const debounced = useDebounceCallback(setValue, 500)

  return (
    <div>
      <p>Debounced value: {value}</p>

      <input
        type="text"
        defaultValue={value}
        onChange={event => debounced(event.target.value)}
      />
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useDebounceCallback/useDebounceCallback.md
================================================
Creates a debounced version of a callback function.

### Parameters

- `func`: The callback function to be debounced.
- `delay` (optional): The delay in milliseconds before the callback is invoked (default is 500 milliseconds).
- `options` (optional): Options to control the behavior of the debounced function.

### Returns

A debounced version of the original callback along with control functions.

### Dependency

This hook is built upon [`lodash.debounce`](https://www.npmjs.com/package/lodash.debounce).

### Related hooks

- [`useDebounceValue`](/react-hook/use-debounce-value): Built on top of `useDebounceCallback`, it returns the debounce value instead


================================================
FILE: packages/usehooks-ts/src/useDebounceCallback/useDebounceCallback.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { useDebounceCallback } from './useDebounceCallback'

describe('useDebounceCallback()', () => {
  vitest.useFakeTimers()

  it('should debounce the callback', () => {
    const delay = 500
    const debouncedCallback = vitest.fn()
    const { result } = renderHook(() =>
      useDebounceCallback(debouncedCallback, delay),
    )

    act(() => {
      result.current('argument')
    })

    // The callback should not be invoked immediately
    expect(debouncedCallback).not.toHaveBeenCalled()

    // Fast forward time by 500 milliseconds
    vitest.advanceTimersByTime(delay)

    // The callback should be invoked after the debounce interval
    expect(debouncedCallback).toHaveBeenCalledTimes(1)
  })

  it('should handle options', () => {
    const delay = 500
    const debouncedCallback = vitest.fn()
    const { result } = renderHook(() =>
      useDebounceCallback(debouncedCallback, delay, { leading: true }),
    )

    act(() => {
      result.current('argument')
    })

    // The callback should be invoked immediately due to leading option
    expect(debouncedCallback).toHaveBeenCalledWith('argument')

    // Fast forward time by 500 milliseconds
    vitest.advanceTimersByTime(delay)

    // The callback should not be invoked again after the interval
    expect(debouncedCallback).toHaveBeenCalledTimes(1)
  })

  it('should debounce the callback function', () => {
    const callback = vitest.fn()
    const { result } = renderHook(() => useDebounceCallback(callback, 100))

    act(() => {
      result.current('test1')
      result.current('test2')
      result.current('test3')
    })

    expect(callback).not.toBeCalled()

    // Fast forward time
    vitest.advanceTimersByTime(200)

    expect(callback).toBeCalledTimes(1)
    expect(callback).toBeCalledWith('test3')
  })

  it('should cancel the debounced callback', () => {
    const delay = 500
    const debouncedCallback = vitest.fn()
    const { result } = renderHook(() =>
      useDebounceCallback(debouncedCallback, delay),
    )

    act(() => {
      result.current('argument')
      result.current.cancel()
    })

    // Fast forward time
    vitest.advanceTimersByTime(200)

    // The callback should not be invoked after cancellation
    expect(debouncedCallback).not.toHaveBeenCalled()
  })

  it('should flush the debounced callback', () => {
    const delay = 500
    const debouncedCallback = vitest.fn()
    const { result } = renderHook(() =>
      useDebounceCallback(debouncedCallback, delay),
    )

    act(() => {
      result.current('argument')
    })

    // The callback should not be invoked immediately
    expect(debouncedCallback).not.toHaveBeenCalled()

    // Flush the debounced callback
    act(() => {
      result.current.flush()
    })

    // The callback should be invoked immediately after flushing
    expect(debouncedCallback).toHaveBeenCalled()
  })
})


================================================
FILE: packages/usehooks-ts/src/useDebounceCallback/useDebounceCallback.ts
================================================
import { useEffect, useMemo, useRef } from 'react'

import debounce from 'lodash.debounce'

import { useUnmount } from '../useUnmount'

/** Configuration options for controlling the behavior of the debounced function. */
type DebounceOptions = {
  /**
   * Determines whether the function should be invoked on the leading edge of the timeout.
   * @default false
   */
  leading?: boolean
  /**
   * Determines whether the function should be invoked on the trailing edge of the timeout.
   * @default false
   */
  trailing?: boolean
  /**
   * The maximum time the specified function is allowed to be delayed before it is invoked.
   */
  maxWait?: number
}

/** Functions to manage a debounced callback. */
type ControlFunctions = {
  /** Cancels pending function invocations. */
  cancel: () => void
  /** Immediately invokes pending function invocations. */
  flush: () => void
  /**
   * Checks if there are any pending function invocations.
   * @returns `true` if there are pending invocations, otherwise `false`.
   */
  isPending: () => boolean
}

/**
 * Represents the state and control functions of a debounced callback.
 * Subsequent calls to the debounced function return the result of the last invocation.
 * Note: If there are no previous invocations, the result will be undefined.
 * Ensure proper handling in your code.
 */
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export type DebouncedState<T extends (...args: any) => ReturnType<T>> = ((
  ...args: Parameters<T>
) => ReturnType<T> | undefined) &
  ControlFunctions

/**
 * Custom hook that creates a debounced version of a callback function.
 * @template T - Type of the original callback function.
 * @param {T} func - The callback function to be debounced.
 * @param {number} delay - The delay in milliseconds before the callback is invoked (default is `500` milliseconds).
 * @param {DebounceOptions} [options] - Options to control the behavior of the debounced function.
 * @returns {DebouncedState<T>} A debounced version of the original callback along with control functions.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-debounce-callback)
 * @example
 * ```tsx
 * const debouncedCallback = useDebounceCallback(
 *   (searchTerm) => {
 *     // Perform search after user stops typing for 500 milliseconds
 *     searchApi(searchTerm);
 *   },
 *   500
 * );
 *
 * // Later in the component
 * debouncedCallback('react hooks'); // Will invoke the callback after 500 milliseconds of inactivity.
 * ```
 */
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export function useDebounceCallback<T extends (...args: any) => ReturnType<T>>(
  func: T,
  delay = 500,
  options?: DebounceOptions,
): DebouncedState<T> {
  const debouncedFunc = useRef<ReturnType<typeof debounce>>()

  useUnmount(() => {
    if (debouncedFunc.current) {
      debouncedFunc.current.cancel()
    }
  })

  const debounced = useMemo(() => {
    const debouncedFuncInstance = debounce(func, delay, options)

    const wrappedFunc: DebouncedState<T> = (...args: Parameters<T>) => {
      return debouncedFuncInstance(...args)
    }

    wrappedFunc.cancel = () => {
      debouncedFuncInstance.cancel()
    }

    wrappedFunc.isPending = () => {
      return !!debouncedFunc.current
    }

    wrappedFunc.flush = () => {
      return debouncedFuncInstance.flush()
    }

    return wrappedFunc
  }, [func, delay, options])

  // Update the debounced function ref whenever func, wait, or options change
  useEffect(() => {
    debouncedFunc.current = debounce(func, delay, options)
  }, [func, delay, options])

  return debounced
}


================================================
FILE: packages/usehooks-ts/src/useDebounceValue/index.ts
================================================
export * from './useDebounceValue'


================================================
FILE: packages/usehooks-ts/src/useDebounceValue/useDebounceValue.demo.tsx
================================================
import { useDebounceValue } from './useDebounceValue'

export default function Component({ defaultValue = 'John' }) {
  const [debouncedValue, setValue] = useDebounceValue(defaultValue, 500)

  return (
    <div>
      <p>Debounced value: {debouncedValue}</p>

      <input
        type="text"
        defaultValue={defaultValue}
        onChange={event => setValue(event.target.value)}
      />
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useDebounceValue/useDebounceValue.md
================================================
Returns a debounced version of the provided value, along with a function to update it.

### Parameters

- `value`: The value to be debounced.
- `delay`: The delay in milliseconds before the value is updated.
- `options` (optional): Optional configurations for the debouncing behavior.
  - `leading` (optional): Determines if the debounced function should be invoked on the leading edge of the timeout.
  - `trailing` (optional): Determines if the debounced function should be invoked on the trailing edge of the timeout.
  - `maxWait` (optional): The maximum time the debounced function is allowed to be delayed before it's invoked.
  - `equalityFn` (optional): A custom equality function to compare the current and previous values.

### Returns

An array containing the debounced value and the function to update it.

### Dependency

This hook is built upon [`lodash.debounce`](https://www.npmjs.com/package/lodash.debounce).

### Related hooks

- [`useDebounceCallback`](/react-hook/use-debounce-callback): `useDebounceValue` is built on top of `useDebounceCallback`, it gives more control.


================================================
FILE: packages/usehooks-ts/src/useDebounceValue/useDebounceValue.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { useDebounceValue } from './useDebounceValue'

describe('useDebounceValue()', () => {
  vitest.useFakeTimers()

  it('should debounce the value update', () => {
    const { result } = renderHook(() => useDebounceValue('initial', 100))

    expect(result.current[0]).toBe('initial')

    act(() => {
      result.current[1]('update1')
      result.current[1]('update2')
      result.current[1]('update3')
    })

    expect(result.current[0]).toBe('initial')

    // Advance timers by more than delay
    act(() => {
      vitest.advanceTimersByTime(200)
    })

    expect(result.current[0]).toBe('update3')

    // Advance timers by more than delay again
    act(() => {
      vitest.advanceTimersByTime(200)
    })

    expect(result.current[0]).toBe('update3')
  })

  it('should handle options', () => {
    const delay = 500
    const { result } = renderHook(() =>
      useDebounceValue('initial', delay, { leading: true }),
    )

    expect(result.current[0]).toBe('initial')

    act(() => {
      result.current[1]('updated')
    })

    // The debounced value should be updated immediately due to leading option
    expect(result.current[0]).toBe('updated')

    // Wait for the debounce interval to elapse
    vitest.advanceTimersByTime(delay)

    // The debounced value should not be updated again after the interval
    expect(result.current[0]).toBe('updated')
  })
})


================================================
FILE: packages/usehooks-ts/src/useDebounceValue/useDebounceValue.ts
================================================
import { useRef, useState } from 'react'

import type { DebouncedState } from '../useDebounceCallback'
import { useDebounceCallback } from '../useDebounceCallback'

/**
 * Hook options.
 * @template T - The type of the value.
 */
type UseDebounceValueOptions<T> = {
  /**
   * Determines whether the function should be invoked on the leading edge of the timeout.
   * @default false
   */
  leading?: boolean
  /**
   * Determines whether the function should be invoked on the trailing edge of the timeout.
   * @default false
   */
  trailing?: boolean
  /**
   * The maximum time the specified function is allowed to be delayed before it is invoked.
   */
  maxWait?: number
  /** A function to determine if the value has changed. Defaults to a function that checks if the value is strictly equal to the previous value. */
  equalityFn?: (left: T, right: T) => boolean
}

/**
 * Custom hook that returns a debounced version of the provided value, along with a function to update it.
 * @template T - The type of the value.
 * @param {T | (() => T)} initialValue - The value to be debounced.
 * @param {number} delay - The delay in milliseconds before the value is updated (default is 500ms).
 * @param {object} [options] - Optional configurations for the debouncing behavior.
 * @returns {[T, DebouncedState<(value: T) => void>]} An array containing the debounced value and the function to update it.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-debounce-value)
 * @example
 * ```tsx
 * const [debouncedValue, updateDebouncedValue] = useDebounceValue(inputValue, 500, { leading: true });
 * ```
 */
export function useDebounceValue<T>(
  initialValue: T | (() => T),
  delay: number,
  options?: UseDebounceValueOptions<T>,
): [T, DebouncedState<(value: T) => void>] {
  const eq = options?.equalityFn ?? ((left: T, right: T) => left === right)
  const unwrappedInitialValue =
    initialValue instanceof Function ? initialValue() : initialValue
  const [debouncedValue, setDebouncedValue] = useState<T>(unwrappedInitialValue)
  const previousValueRef = useRef<T | undefined>(unwrappedInitialValue)

  const updateDebouncedValue = useDebounceCallback(
    setDebouncedValue,
    delay,
    options,
  )

  // Update the debounced value if the initial value changes
  if (!eq(previousValueRef.current as T, unwrappedInitialValue)) {
    updateDebouncedValue(unwrappedInitialValue)
    previousValueRef.current = unwrappedInitialValue
  }

  return [debouncedValue, updateDebouncedValue]
}


================================================
FILE: packages/usehooks-ts/src/useDocumentTitle/index.ts
================================================
export * from './useDocumentTitle'


================================================
FILE: packages/usehooks-ts/src/useDocumentTitle/useDocumentTitle.demo.tsx
================================================
import { useDocumentTitle } from './useDocumentTitle'

export default function Component() {
  useDocumentTitle('foo bar')
}


================================================
FILE: packages/usehooks-ts/src/useDocumentTitle/useDocumentTitle.md
================================================
An easy way to set the title of the current document.

Setting `preserveTitleOnUnmount` to `false` allows the document title to be reset to its default value (defined by the `<title>` tag) when the component is unmounted.


================================================
FILE: packages/usehooks-ts/src/useDocumentTitle/useDocumentTitle.test.ts
================================================
import { renderHook } from '@testing-library/react'

import { useDocumentTitle } from './useDocumentTitle'

describe('useDocumentTitle()', () => {
  it('title should be in the document', () => {
    renderHook(() => {
      useDocumentTitle('foo')
    })
    expect(window.document.title).toEqual('foo')
  })

  it('should unset title on unmount with `preserveTitleOnUnmount` options to `false`', () => {
    window.document.title = 'initial'
    const { unmount } = renderHook(() => {
      useDocumentTitle('updated', { preserveTitleOnUnmount: false })
    })
    expect(window.document.title).toEqual('updated')
    unmount()
    expect(window.document.title).toEqual('initial')
  })

  it("shouldn't unset title on unmount with `preserveTitleOnUnmount` options to `true` (default)", () => {
    window.document.title = 'initial'
    const { unmount } = renderHook(() => {
      useDocumentTitle('updated')
    })
    expect(window.document.title).toEqual('updated')
    unmount()
    expect(window.document.title).toEqual('updated')
  })
})


================================================
FILE: packages/usehooks-ts/src/useDocumentTitle/useDocumentTitle.ts
================================================
import { useRef } from 'react'

import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect'
import { useUnmount } from '../useUnmount'

/** Hook options. */
type UseDocumentTitleOptions = {
  /** Whether to keep the title after unmounting the component (default is `true`). */
  preserveTitleOnUnmount?: boolean
}

/**
 * Custom hook that sets the document title.
 * @param {string} title - The title to set.
 * @param {?UseDocumentTitleOptions} [options] - The options.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-document-title)
 * @example
 * ```tsx
 * useDocumentTitle('My new title');
 * ```
 */
export function useDocumentTitle(
  title: string,
  options: UseDocumentTitleOptions = {},
): void {
  const { preserveTitleOnUnmount = true } = options
  const defaultTitle = useRef<string | null>(null)

  useIsomorphicLayoutEffect(() => {
    defaultTitle.current = window.document.title
  }, [])

  useIsomorphicLayoutEffect(() => {
    window.document.title = title
  }, [title])

  useUnmount(() => {
    if (!preserveTitleOnUnmount && defaultTitle.current) {
      window.document.title = defaultTitle.current
    }
  })
}


================================================
FILE: packages/usehooks-ts/src/useEventCallback/index.ts
================================================
export * from './useEventCallback'


================================================
FILE: packages/usehooks-ts/src/useEventCallback/useEventCallback.demo.tsx
================================================
import { useEventCallback } from './useEventCallback'

export default function Component() {
  const handleClick = useEventCallback(event => {
    // Handle the event here
    console.log('Clicked', event)
  })

  return <button onClick={handleClick}>Click me</button>
}


================================================
FILE: packages/usehooks-ts/src/useEventCallback/useEventCallback.md
================================================
The `useEventCallback` hook is a utility for creating memoized event callback functions in React applications. It ensures that the provided callback function is memoized and stable across renders, while also preventing its invocation during the render phase.

See: [How to read an often-changing value from useCallback?](https://legacy.reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback)

### Parameters

- `fn: (args) => result` - The callback function to be memoized.

### Return Value

- `(args) => result` - A memoized event callback function.

### Features

- **Memoization**: Optimizes performance by memoizing the callback function to avoid unnecessary re-renders.
- **Prevents Invocation During Render**: Ensures the callback isn't called during rendering, preventing potential issues.
- **Error Handling**: Throws an error if the callback is mistakenly invoked during rendering.
- **Strict Mode Compatibility**: Works seamlessly with React's strict mode for better debugging and reliability.

### Notes

Avoid using `useEventCallback` for callback functions that depend on frequently changing state or props.


================================================
FILE: packages/usehooks-ts/src/useEventCallback/useEventCallback.test.tsx
================================================
import { fireEvent, render, renderHook, screen } from '@testing-library/react'
import type { Mock } from 'vitest'

import { useEventCallback } from './useEventCallback'

describe('useEventCallback()', () => {
  it('should not call the callback during render', () => {
    const fn = vi.fn()
    const { result } = renderHook(() => useEventCallback(fn))

    render(<button onClick={result.current}>Click me</button>)

    expect(fn).not.toHaveBeenCalled()
  })

  it('should call the callback when the event is triggered', () => {
    const fn = vi.fn()
    const { result } = renderHook(() => useEventCallback(fn))

    render(<button onClick={result.current}>Click me</button>)

    fireEvent.click(screen.getByText('Click me'))

    expect(fn).toHaveBeenCalled()
  })

  it('should be typed accordingly', () => {
    const fn1: Mock<[React.MouseEvent<HTMLButtonElement>], void> = vi.fn()
    const fn1Result = renderHook(() => useEventCallback(fn1))

    expectTypeOf(fn1Result.result.current).toEqualTypeOf<
      (event: React.MouseEvent<HTMLButtonElement>) => void
    >()

    const fn2 = undefined as
      | Mock<[React.MouseEvent<HTMLButtonElement>], void>
      | undefined
    const fn2Result = renderHook(() => useEventCallback(fn2))

    expectTypeOf(fn2Result.result.current).toEqualTypeOf<
      ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined
    >()
  })

  it('should allow to pass optional callback without errors', () => {
    const optionalFn = undefined as
      | ((event: React.MouseEvent<HTMLButtonElement>) => void)
      | undefined

    const { result } = renderHook(() => useEventCallback(optionalFn))

    render(<button onClick={result.current}>Click me</button>)

    fireEvent.click(screen.getByText('Click me'))
  })
})


================================================
FILE: packages/usehooks-ts/src/useEventCallback/useEventCallback.ts
================================================
import { useCallback, useRef } from 'react'

import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect'

/**
 * Custom hook that creates a memoized event callback.
 * @template Args - An array of argument types for the event callback.
 * @template R - The return type of the event callback.
 * @param {(...args: Args) => R} fn - The callback function.
 * @returns {(...args: Args) => R} A memoized event callback function.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-event-callback)
 * @example
 * ```tsx
 * const handleClick = useEventCallback((event) => {
 *   // Handle the event here
 * });
 * ```
 */
export function useEventCallback<Args extends unknown[], R>(
  fn: (...args: Args) => R,
): (...args: Args) => R
export function useEventCallback<Args extends unknown[], R>(
  fn: ((...args: Args) => R) | undefined,
): ((...args: Args) => R) | undefined
export function useEventCallback<Args extends unknown[], R>(
  fn: ((...args: Args) => R) | undefined,
): ((...args: Args) => R) | undefined {
  const ref = useRef<typeof fn>(() => {
    throw new Error('Cannot call an event handler while rendering.')
  })

  useIsomorphicLayoutEffect(() => {
    ref.current = fn
  }, [fn])

  return useCallback((...args: Args) => ref.current?.(...args), [ref]) as (
    ...args: Args
  ) => R
}


================================================
FILE: packages/usehooks-ts/src/useEventListener/index.ts
================================================
export * from './useEventListener'


================================================
FILE: packages/usehooks-ts/src/useEventListener/useEventListener.demo.tsx
================================================
import { useRef } from 'react'

import { useEventListener } from './useEventListener'

export default function Component() {
  // Define button ref
  const buttonRef = useRef<HTMLButtonElement>(null)
  const documentRef = useRef<Document>(document)

  const onScroll = (event: Event) => {
    console.log('window scrolled!', event)
  }

  const onClick = (event: Event) => {
    console.log('button clicked!', event)
  }

  const onVisibilityChange = (event: Event) => {
    console.log('doc visibility changed!', {
      isVisible: !document.hidden,
      event,
    })
  }

  // example with window based event
  useEventListener('scroll', onScroll)

  // example with document based event
  useEventListener('visibilitychange', onVisibilityChange, documentRef)

  // example with element based event
  useEventListener('click', onClick, buttonRef)

  return (
    <div style={{ minHeight: '200vh' }}>
      <button ref={buttonRef}>Click me</button>
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useEventListener/useEventListener.md
================================================
Use EventListener with simplicity by React Hook.

Supports `Window`, `Element` and `Document` and custom events with almost the same parameters as the native [`addEventListener` options](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#syntax). See examples below.

If you want to use your CustomEvent using Typescript, you have to declare the event type.
Find which kind of Event you want to extends:

- `MediaQueryListEventMap`
- `WindowEventMap`
- `HTMLElementEventMap`
- `DocumentEventMap`

Then declare your custom event:

```ts
declare global {
  interface DocumentEventMap {
    'my-custom-event': CustomEvent<{ exampleArg: string }>
  }
}
```


================================================
FILE: packages/usehooks-ts/src/useEventListener/useEventListener.test.ts
================================================
/* eslint-disable @typescript-eslint/consistent-type-definitions */
import { fireEvent, renderHook } from '@testing-library/react'

import { useEventListener } from './useEventListener'

declare global {
  interface WindowEventMap {
    'test-event': CustomEvent
  }

  interface HTMLElementEventMap {
    'test-event': CustomEvent
  }

  interface SVGElementEventMap {
    'test-event': CustomEvent
  }

  interface DocumentEventMap {
    'test-event': CustomEvent
  }
}

const windowAddEventListenerSpy = vitest.spyOn(window, 'addEventListener')
const windowRemoveEventListenerSpy = vitest.spyOn(window, 'removeEventListener')

const ref = { current: document.createElement('div') }
const refAddEventListenerSpy = vitest.spyOn(ref.current, 'addEventListener')
const refRemoveEventListenerSpy = vitest.spyOn(
  ref.current,
  'removeEventListener',
)

const docRef = { current: window.document }
const docAddEventListenerSpy = vitest.spyOn(docRef.current, 'addEventListener')
const docRemoveEventListenerSpy = vitest.spyOn(
  docRef.current,
  'removeEventListener',
)

describe('useEventListener()', () => {
  afterEach(() => {
    vitest.clearAllMocks()
  })

  it('should bind/unbind the event listener to the window when element is not provided', () => {
    const eventName = 'test-event'
    const handler = vitest.fn()
    const options = undefined

    const { unmount } = renderHook(() => {
      useEventListener(eventName, handler)
    })

    expect(windowAddEventListenerSpy).toHaveBeenCalledWith(
      eventName,
      expect.any(Function),
      options,
    )

    unmount()

    expect(windowRemoveEventListenerSpy).toHaveBeenCalledWith(
      eventName,
      expect.any(Function),
      options,
    )
  })

  it('should bind/unbind the event listener to the element when element is provided', () => {
    const eventName = 'test-event'
    const handler = vitest.fn()
    const options = undefined

    const { unmount } = renderHook(() => {
      useEventListener(eventName, handler, ref, options)
    })

    expect(refAddEventListenerSpy).toHaveBeenCalledTimes(1)
    expect(refAddEventListenerSpy).toHaveBeenCalledWith(
      eventName,
      expect.any(Function),
      options,
    )

    unmount()

    expect(refRemoveEventListenerSpy).toHaveBeenCalledWith(
      eventName,
      expect.any(Function),
      options,
    )
  })

  it('should bind/unbind the event listener to the document when document is provided', () => {
    const eventName = 'test-event'
    const handler = vitest.fn()
    const options = undefined

    const { unmount } = renderHook(() => {
      useEventListener(eventName, handler, docRef, options)
    })

    expect(docAddEventListenerSpy).toHaveBeenCalledTimes(1)
    expect(docAddEventListenerSpy).toHaveBeenCalledWith(
      eventName,
      expect.any(Function),
      options,
    )

    unmount()

    expect(docRemoveEventListenerSpy).toHaveBeenCalledWith(
      eventName,
      expect.any(Function),
      options,
    )
  })

  it('should pass the options to the event listener', () => {
    const eventName = 'test-event'
    const handler = vitest.fn()
    const options = {
      passive: true,
      once: true,
      capture: true,
    }

    renderHook(() => {
      useEventListener(eventName, handler, undefined, options)
    })

    expect(windowAddEventListenerSpy).toHaveBeenCalledWith(
      eventName,
      expect.any(Function),
      options,
    )
  })

  it('should call the event listener handler when the event is triggered', () => {
    const eventName = 'click'
    const handler = vitest.fn()

    renderHook(() => {
      useEventListener(eventName, handler, ref)
    })

    fireEvent.click(ref.current)

    expect(handler).toHaveBeenCalledTimes(1)
  })

  it('should have the correct event type', () => {
    const clickHandler = vitest.fn()
    const keydownHandler = vitest.fn()

    renderHook(() => {
      useEventListener('click', clickHandler, ref)
    })
    renderHook(() => {
      useEventListener('keydown', keydownHandler, ref)
    })

    fireEvent.click(ref.current)
    fireEvent.keyDown(ref.current)

    expect(clickHandler).toHaveBeenCalledWith(expect.any(MouseEvent))
    expect(keydownHandler).toHaveBeenCalledWith(expect.any(KeyboardEvent))
  })
})


================================================
FILE: packages/usehooks-ts/src/useEventListener/useEventListener.ts
================================================
import { useEffect, useRef } from 'react'

import type { RefObject } from 'react'

import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect'

// MediaQueryList Event based useEventListener interface
function useEventListener<K extends keyof MediaQueryListEventMap>(
  eventName: K,
  handler: (event: MediaQueryListEventMap[K]) => void,
  element: RefObject<MediaQueryList>,
  options?: boolean | AddEventListenerOptions,
): void

// Window Event based useEventListener interface
function useEventListener<K extends keyof WindowEventMap>(
  eventName: K,
  handler: (event: WindowEventMap[K]) => void,
  element?: undefined,
  options?: boolean | AddEventListenerOptions,
): void

// Element Event based useEventListener interface
function useEventListener<
  K extends keyof HTMLElementEventMap & keyof SVGElementEventMap,
  T extends Element = K extends keyof HTMLElementEventMap
    ? HTMLDivElement
    : SVGElement,
>(
  eventName: K,
  handler:
    | ((event: HTMLElementEventMap[K]) => void)
    | ((event: SVGElementEventMap[K]) => void),
  element: RefObject<T>,
  options?: boolean | AddEventListenerOptions,
): void

// Document Event based useEventListener interface
function useEventListener<K extends keyof DocumentEventMap>(
  eventName: K,
  handler: (event: DocumentEventMap[K]) => void,
  element: RefObject<Document>,
  options?: boolean | AddEventListenerOptions,
): void

/**
 * Custom hook that attaches event listeners to DOM elements, the window, or media query lists.
 * @template KW - The type of event for window events.
 * @template KH - The type of event for HTML or SVG element events.
 * @template KM - The type of event for media query list events.
 * @template T - The type of the DOM element (default is `HTMLElement`).
 * @param {KW | KH | KM} eventName - The name of the event to listen for.
 * @param {(event: WindowEventMap[KW] | HTMLElementEventMap[KH] | SVGElementEventMap[KH] | MediaQueryListEventMap[KM] | Event) => void} handler - The event handler function.
 * @param {RefObject<T>} [element] - The DOM element or media query list to attach the event listener to (optional).
 * @param {boolean | AddEventListenerOptions} [options] - An options object that specifies characteristics about the event listener (optional).
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-event-listener)
 * @example
 * ```tsx
 * // Example 1: Attach a window event listener
 * useEventListener('resize', handleResize);
 * ```
 * @example
 * ```tsx
 * // Example 2: Attach a document event listener with options
 * const elementRef = useRef(document);
 * useEventListener('click', handleClick, elementRef, { capture: true });
 * ```
 * @example
 * ```tsx
 * // Example 3: Attach an element event listener
 * const buttonRef = useRef<HTMLButtonElement>(null);
 * useEventListener('click', handleButtonClick, buttonRef);
 * ```
 */
function useEventListener<
  KW extends keyof WindowEventMap,
  KH extends keyof HTMLElementEventMap & keyof SVGElementEventMap,
  KM extends keyof MediaQueryListEventMap,
  T extends HTMLElement | SVGAElement | MediaQueryList = HTMLElement,
>(
  eventName: KW | KH | KM,
  handler: (
    event:
      | WindowEventMap[KW]
      | HTMLElementEventMap[KH]
      | SVGElementEventMap[KH]
      | MediaQueryListEventMap[KM]
      | Event,
  ) => void,
  element?: RefObject<T>,
  options?: boolean | AddEventListenerOptions,
) {
  // Create a ref that stores handler
  const savedHandler = useRef(handler)

  useIsomorphicLayoutEffect(() => {
    savedHandler.current = handler
  }, [handler])

  useEffect(() => {
    // Define the listening target
    const targetElement: T | Window = element?.current ?? window

    if (!(targetElement && targetElement.addEventListener)) return

    // Create event listener that calls handler function stored in ref
    const listener: typeof handler = event => {
      savedHandler.current(event)
    }

    targetElement.addEventListener(eventName, listener, options)

    // Remove event listener on cleanup
    return () => {
      targetElement.removeEventListener(eventName, listener, options)
    }
  }, [eventName, element, options])
}

export { useEventListener }


================================================
FILE: packages/usehooks-ts/src/useHover/index.ts
================================================
export * from './useHover'


================================================
FILE: packages/usehooks-ts/src/useHover/useHover.demo.tsx
================================================
import { useRef } from 'react'

import { useHover } from './useHover'

export default function Component() {
  const hoverRef = useRef(null)
  const isHover = useHover(hoverRef)

  return (
    <div ref={hoverRef}>
      {`The current div is ${isHover ? `hovered` : `unhovered`}`}
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useHover/useHover.md
================================================
React UI sensor hook that determine if the mouse element is in the hover element using Typescript instead CSS.
This way you can separate the logic from the UI.


================================================
FILE: packages/usehooks-ts/src/useHover/useHover.test.ts
================================================
import { act, fireEvent, renderHook } from '@testing-library/react'

import { useHover } from './useHover'

describe('useHover()', () => {
  const el = {
    current: document.createElement('div'),
  }

  it('result must be initially false', () => {
    const { result } = renderHook(() => useHover(el))
    expect(result.current).toBe(false)
  })

  it('value must be true when firing hover action on element', () => {
    const { result } = renderHook(() => useHover(el))

    expect(result.current).toBe(false)

    act(() => void fireEvent.mouseEnter(el.current))
    expect(result.current).toBe(true)
  })

  it('value must turn back into false when firing mouseleave action on element', () => {
    const { result } = renderHook(() => useHover(el))

    expect(result.current).toBe(false)

    act(() => void fireEvent.mouseEnter(el.current))
    expect(result.current).toBe(true)

    act(() => void fireEvent.mouseLeave(el.current))
    expect(result.current).toBe(false)
  })
})


================================================
FILE: packages/usehooks-ts/src/useHover/useHover.ts
================================================
import { useState } from 'react'

import type { RefObject } from 'react'

import { useEventListener } from '../useEventListener'

/**
 * Custom hook that tracks whether a DOM element is being hovered over.
 * @template T - The type of the DOM element. Defaults to `HTMLElement`.
 * @param {RefObject<T>} elementRef - The ref object for the DOM element to track.
 * @returns {boolean} A boolean value indicating whether the element is being hovered over.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-hover)
 * @example
 * ```tsx
 * const buttonRef = useRef<HTMLButtonElement>(null);
 * const isHovered = useHover(buttonRef);
 * // Access the isHovered variable to determine if the button is being hovered over.
 * ```
 */
export function useHover<T extends HTMLElement = HTMLElement>(
  elementRef: RefObject<T>,
): boolean {
  const [value, setValue] = useState<boolean>(false)

  const handleMouseEnter = () => {
    setValue(true)
  }
  const handleMouseLeave = () => {
    setValue(false)
  }

  useEventListener('mouseenter', handleMouseEnter, elementRef)
  useEventListener('mouseleave', handleMouseLeave, elementRef)

  return value
}


================================================
FILE: packages/usehooks-ts/src/useIntersectionObserver/index.ts
================================================
export * from './useIntersectionObserver'


================================================
FILE: packages/usehooks-ts/src/useIntersectionObserver/useIntersectionObserver.demo.tsx
================================================
import { useIntersectionObserver } from './useIntersectionObserver'

const Section = (props: { title: string }) => {
  const { isIntersecting, ref } = useIntersectionObserver({
    threshold: 0.5,
  })

  console.log(`Render Section ${props.title}`, {
    isIntersecting,
  })

  return (
    <div
      ref={ref}
      style={{
        minHeight: '100vh',
        display: 'flex',
        border: '1px dashed #000',
        fontSize: '2rem',
      }}
    >
      <div style={{ margin: 'auto' }}>{props.title}</div>
    </div>
  )
}

export default function Component() {
  return (
    <>
      {Array.from({ length: 5 }).map((_, index) => (
        <Section key={index + 1} title={`${index + 1}`} />
      ))}
    </>
  )
}


================================================
FILE: packages/usehooks-ts/src/useIntersectionObserver/useIntersectionObserver.md
================================================
This React Hook detects visibility of a component on the viewport using the [`IntersectionObserver` API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) natively present in the browser.

It can be very useful to lazy-loading of images, implementing "infinite scrolling", tracking view in GA or starting animations for example.

### Option properties

- `threshold` (optional, default: `0`): A threshold indicating the percentage of the target's visibility needed to trigger the callback. Can be a single number or an array of numbers.
- `root` (optional, default: `null`): The element that is used as the viewport for checking visibility of the target. It can be an Element, Document, or null.
- `rootMargin` (optional, default: `'0%'`): A margin around the root. It specifies the size of the root's margin area.
- `freezeOnceVisible` (optional, default: `false`): If true, freezes the intersection state once the element becomes visible. Once the element enters the viewport and triggers the callback, further changes in intersection will not update the state.
- `onChange` (optional): A callback function to be invoked when the intersection state changes. It receives two parameters: `isIntersecting` (a boolean indicating if the element is intersecting) and `entry` (an IntersectionObserverEntry object representing the state of the intersection).
- `initialIsIntersecting` (optional, default: `false`): The initial state of the intersection. If set to true, indicates that the element is intersecting initially.

**Note:** This interface extends the native `IntersectionObserverInit` interface, which provides the base options for configuring the Intersection Observer.

For more information on the Intersection Observer API and its options, refer to the [MDN Intersection Observer API documentation](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).

### Return

The `IntersectionResult` type supports both array and object destructuring and includes the following properties:

- `ref`: A function that can be used as a ref callback to set the target element.
- `isIntersecting`: A boolean indicating if the target element is intersecting with the viewport.
- `entry`: An optional `IntersectionObserverEntry` object representing the state of the intersection.


================================================
FILE: packages/usehooks-ts/src/useIntersectionObserver/useIntersectionObserver.ts
================================================
import { useEffect, useRef, useState } from 'react'

/** The hook internal state. */
type State = {
  /** A boolean indicating if the element is intersecting. */
  isIntersecting: boolean
  /** The intersection observer entry. */
  entry?: IntersectionObserverEntry
}

/** Represents the options for configuring the Intersection Observer. */
type UseIntersectionObserverOptions = {
  /**
   * The element that is used as the viewport for checking visibility of the target.
   * @default null
   */
  root?: Element | Document | null
  /**
   * A margin around the root.
   * @default '0%'
   */
  rootMargin?: string
  /**
   * A threshold indicating the percentage of the target's visibility needed to trigger the callback.
   * @default 0
   */
  threshold?: number | number[]
  /**
   * If true, freezes the intersection state once the element becomes visible.
   * @default false
   */
  freezeOnceVisible?: boolean
  /**
   * A callback function to be invoked when the intersection state changes.
   * @param {boolean} isIntersecting - A boolean indicating if the element is intersecting.
   * @param {IntersectionObserverEntry} entry - The intersection observer Entry.
   * @default undefined
   */
  onChange?: (isIntersecting: boolean, entry: IntersectionObserverEntry) => void
  /**
   * The initial state of the intersection.
   * @default false
   */
  initialIsIntersecting?: boolean
}

/**
 * The return type of the useIntersectionObserver hook.
 *
 * Supports both tuple and object destructing.
 * @param {(node: Element | null) => void} ref - The ref callback function.
 * @param {boolean} isIntersecting - A boolean indicating if the element is intersecting.
 * @param {IntersectionObserverEntry | undefined} entry - The intersection observer Entry.
 */
type IntersectionReturn = [
  (node?: Element | null) => void,
  boolean,
  IntersectionObserverEntry | undefined,
] & {
  ref: (node?: Element | null) => void
  isIntersecting: boolean
  entry?: IntersectionObserverEntry
}

/**
 * Custom hook that tracks the intersection of a DOM element with its containing element or the viewport using the [`Intersection Observer API`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).
 * @param {UseIntersectionObserverOptions} options - The options for the Intersection Observer.
 * @returns {IntersectionReturn} The ref callback, a boolean indicating if the element is intersecting, and the intersection observer entry.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-intersection-observer)
 * @example
 * ```tsx
 * // Example 1
 * const [ref, isIntersecting, entry] = useIntersectionObserver({ threshold: 0.5 });
 * ```
 *
 * ```tsx
 * // Example 2
 * const { ref, isIntersecting, entry } = useIntersectionObserver({ threshold: 0.5 });
 * ```
 */
export function useIntersectionObserver({
  threshold = 0,
  root = null,
  rootMargin = '0%',
  freezeOnceVisible = false,
  initialIsIntersecting = false,
  onChange,
}: UseIntersectionObserverOptions = {}): IntersectionReturn {
  const [ref, setRef] = useState<Element | null>(null)

  const [state, setState] = useState<State>(() => ({
    isIntersecting: initialIsIntersecting,
    entry: undefined,
  }))

  const callbackRef = useRef<UseIntersectionObserverOptions['onChange']>()

  callbackRef.current = onChange

  const frozen = state.entry?.isIntersecting && freezeOnceVisible

  useEffect(() => {
    // Ensure we have a ref to observe
    if (!ref) return

    // Ensure the browser supports the Intersection Observer API
    if (!('IntersectionObserver' in window)) return

    // Skip if frozen
    if (frozen) return

    let unobserve: (() => void) | undefined

    const observer = new IntersectionObserver(
      (entries: IntersectionObserverEntry[]): void => {
        const thresholds = Array.isArray(observer.thresholds)
          ? observer.thresholds
          : [observer.thresholds]

        entries.forEach(entry => {
          const isIntersecting =
            entry.isIntersecting &&
            thresholds.some(threshold => entry.intersectionRatio >= threshold)

          setState({ isIntersecting, entry })

          if (callbackRef.current) {
            callbackRef.current(isIntersecting, entry)
          }

          if (isIntersecting && freezeOnceVisible && unobserve) {
            unobserve()
            unobserve = undefined
          }
        })
      },
      { threshold, root, rootMargin },
    )

    observer.observe(ref)

    return () => {
      observer.disconnect()
    }

    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [
    ref,
    // eslint-disable-next-line react-hooks/exhaustive-deps
    JSON.stringify(threshold),
    root,
    rootMargin,
    frozen,
    freezeOnceVisible,
  ])

  // ensures that if the observed element changes, the intersection observer is reinitialized
  const prevRef = useRef<Element | null>(null)

  useEffect(() => {
    if (
      !ref &&
      state.entry?.target &&
      !freezeOnceVisible &&
      !frozen &&
      prevRef.current !== state.entry.target
    ) {
      prevRef.current = state.entry.target
      setState({ isIntersecting: initialIsIntersecting, entry: undefined })
    }
  }, [ref, state.entry, freezeOnceVisible, frozen, initialIsIntersecting])

  const result = [
    setRef,
    !!state.isIntersecting,
    state.entry,
  ] as IntersectionReturn

  // Support object destructuring, by adding the specific values.
  result.ref = result[0]
  result.isIntersecting = result[1]
  result.entry = result[2]

  return result
}


================================================
FILE: packages/usehooks-ts/src/useInterval/index.ts
================================================
export * from './useInterval'


================================================
FILE: packages/usehooks-ts/src/useInterval/useInterval.demo.tsx
================================================
import { useState } from 'react'

import type { ChangeEvent } from 'react'

import { useInterval } from './useInterval'

export default function Component() {
  // The counter
  const [count, setCount] = useState<number>(0)
  // Dynamic delay
  const [delay, setDelay] = useState<number>(1000)
  // ON/OFF
  const [isPlaying, setPlaying] = useState<boolean>(false)

  useInterval(
    () => {
      // Your custom logic here
      setCount(count + 1)
    },
    // Delay in milliseconds or null to stop it
    isPlaying ? delay : null,
  )

  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
    setDelay(Number(event.target.value))
  }

  return (
    <>
      <h1>{count}</h1>
      <button
        onClick={() => {
          setPlaying(!isPlaying)
        }}
      >
        {isPlaying ? 'pause' : 'play'}
      </button>
      <p>
        <label htmlFor="delay">Delay: </label>
        <input
          type="number"
          name="delay"
          onChange={handleChange}
          value={delay}
        />
      </p>
    </>
  )
}


================================================
FILE: packages/usehooks-ts/src/useInterval/useInterval.md
================================================
Use [`setInterval`](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval) in functional React component with the same API.
Set your callback function as a first parameter and a delay (in milliseconds) for the second argument. You can also stop the timer passing `null` instead the delay or even, execute it right away passing `0`.

The main difference between the `setInterval` you know and this `useInterval` hook is that its arguments are "dynamic". You can get more information in the Dan Abramov's [blog post](https://overreacted.io/making-setinterval-declarative-with-react-hooks/).


================================================
FILE: packages/usehooks-ts/src/useInterval/useInterval.test.ts
================================================
import { renderHook } from '@testing-library/react'

import { useInterval } from './useInterval'

describe('useInterval()', () => {
  beforeEach(() => {
    vitest.clearAllMocks()
    vitest.useFakeTimers()
  })

  it('should fire the callback function (1)', () => {
    const timeout = 500
    const callback = vitest.fn()
    renderHook(() => {
      useInterval(callback, timeout)
    })
    vitest.advanceTimersByTime(timeout)
    expect(callback).toHaveBeenCalledTimes(1)
  })

  it('should fire the callback function (2)', () => {
    const timeout = 500
    const earlyTimeout = 400
    const callback = vitest.fn()
    renderHook(() => {
      useInterval(callback, timeout)
    })
    vitest.advanceTimersByTime(earlyTimeout)
    expect(callback).not.toHaveBeenCalled()
  })

  it('should call set interval on start', () => {
    mockSetInterval()
    const timeout = 1200
    const callback = vitest.fn()
    renderHook(() => {
      useInterval(callback, timeout)
    })
    expect(setInterval).toHaveBeenCalledTimes(1)
    expect(setInterval).toHaveBeenCalledWith(expect.any(Function), timeout)
  })

  it('should call clearTimeout on unmount', () => {
    mockClearInterval()
    const callback = vitest.fn()
    const { unmount } = renderHook(() => {
      useInterval(callback, 1200)
    })
    unmount()
    expect(clearInterval).toHaveBeenCalledTimes(1)
  })
})

function mockSetInterval() {
  vitest.spyOn(global, 'setInterval')
}

function mockClearInterval() {
  vitest.spyOn(global, 'clearInterval')
}


================================================
FILE: packages/usehooks-ts/src/useInterval/useInterval.ts
================================================
import { useEffect, useRef } from 'react'

import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect'

/**
 * Custom hook that creates an interval that invokes a callback function at a specified delay using the [`setInterval API`](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval).
 * @param {() => void} callback - The function to be invoked at each interval.
 * @param {number | null} delay - The time, in milliseconds, between each invocation of the callback. Use `null` to clear the interval.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-interval)
 * @example
 * ```tsx
 * const handleInterval = () => {
 *   // Code to be executed at each interval
 * };
 * useInterval(handleInterval, 1000);
 * ```
 */
export function useInterval(callback: () => void, delay: number | null) {
  const savedCallback = useRef(callback)

  // Remember the latest callback if it changes.
  useIsomorphicLayoutEffect(() => {
    savedCallback.current = callback
  }, [callback])

  // Set up the interval.
  useEffect(() => {
    // Don't schedule if no delay is specified.
    // Note: 0 is a valid value for delay.
    if (delay === null) {
      return
    }

    const id = setInterval(() => {
      savedCallback.current()
    }, delay)

    return () => {
      clearInterval(id)
    }
  }, [delay])
}


================================================
FILE: packages/usehooks-ts/src/useIsClient/index.ts
================================================
export * from './useIsClient'


================================================
FILE: packages/usehooks-ts/src/useIsClient/useIsClient.demo.tsx
================================================
import { useIsClient } from './useIsClient'

export default function Component() {
  const isClient = useIsClient()

  return <div>{isClient ? 'Client' : 'server'}</div>
}


================================================
FILE: packages/usehooks-ts/src/useIsClient/useIsClient.md
================================================
This React Hook can be useful in a SSR environment to wait until be in a browser to execution some functions.


================================================
FILE: packages/usehooks-ts/src/useIsClient/useIsClient.test.ts
================================================
import { renderHook } from '@testing-library/react'

import { useIsClient } from './useIsClient'

describe('useIsClient()', () => {
  // TODO: currently don't know how to simulate hydration of hooks. @see https://github.com/testing-library/react-testing-library/issues/1120
  it.skip('should be false when rendering on the server', () => {
    const { result } = renderHook(() => useIsClient(), { hydrate: false })
    expect(result.current).toBe(false)
  })

  it('should be true when after hydration', () => {
    const { result } = renderHook(() => useIsClient(), { hydrate: true })
    expect(result.current).toBe(true)
  })
})


================================================
FILE: packages/usehooks-ts/src/useIsClient/useIsClient.ts
================================================
import { useEffect, useState } from 'react'

/**
 * Custom hook that determines if the code is running on the client side (in the browser).
 * @returns {boolean} A boolean value indicating whether the code is running on the client side.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-is-client)
 * @example
 * ```tsx
 * const isClient = useIsClient();
 * // Use isClient to conditionally render or execute code specific to the client side.
 * ```
 */
export function useIsClient() {
  const [isClient, setClient] = useState(false)

  useEffect(() => {
    setClient(true)
  }, [])

  return isClient
}


================================================
FILE: packages/usehooks-ts/src/useIsMounted/index.ts
================================================
export * from './useIsMounted'


================================================
FILE: packages/usehooks-ts/src/useIsMounted/useIsMounted.demo.tsx
================================================
import { useEffect, useState } from 'react'

import { useIsMounted } from './useIsMounted'

const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms))

function Child() {
  const [data, setData] = useState('loading')
  const isMounted = useIsMounted()

  // simulate an api call and update state
  useEffect(() => {
    void delay(3000).then(() => {
      if (isMounted()) setData('OK')
    })
  }, [isMounted])

  return <p>{data}</p>
}

export default function Component() {
  const [isVisible, setVisible] = useState<boolean>(false)

  const toggleVisibility = () => {
    setVisible(state => !state)
  }

  return (
    <>
      <button onClick={toggleVisibility}>{isVisible ? 'Hide' : 'Show'}</button>

      {isVisible && <Child />}
    </>
  )
}


================================================
FILE: packages/usehooks-ts/src/useIsMounted/useIsMounted.md
================================================
In React, once a component is unmounted, it is deleted from memory and will never be mounted again. That's why we don't define a state in a disassembled component.
Changing the state in an unmounted component will result this error:

```txt
Warning: Can't perform a React state update on an unmounted component.
This is a no-op, but it indicates a memory leak in your application.
To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
```

The right way to solve this is cleaning effect like the above message said.
For example, see [`useInterval`](/react-hook/use-interval) or [`useEventListener`](/react-hook/use-event-listener).

But, there are some cases like Promise or API calls where it's impossible to know if the component is still mounted at the resolve time.

This React hook help you to avoid this error with a function that return a boolean, `isMounted`.


================================================
FILE: packages/usehooks-ts/src/useIsMounted/useIsMounted.test.ts
================================================
import { renderHook } from '@testing-library/react'

import { useIsMounted } from './useIsMounted'

describe('useIsMounted()', () => {
  it('should return true when component is mounted', () => {
    const {
      result: { current: isMounted },
    } = renderHook(() => useIsMounted())

    expect(isMounted()).toBe(true)
  })

  it('should return false when component is unmounted', () => {
    const {
      result: { current: isMounted },
      unmount,
    } = renderHook(() => useIsMounted())

    unmount()

    expect(isMounted()).toBe(false)
  })
})


================================================
FILE: packages/usehooks-ts/src/useIsMounted/useIsMounted.ts
================================================
import { useCallback, useEffect, useRef } from 'react'

/**
 * Custom hook that determines if the component is currently mounted.
 * @returns {() => boolean} A function that returns a boolean value indicating whether the component is mounted.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-is-mounted)
 * @example
 * ```tsx
 * const isComponentMounted = useIsMounted();
 * // Use isComponentMounted() to check if the component is currently mounted before performing certain actions.
 * ```
 */
export function useIsMounted(): () => boolean {
  const isMounted = useRef(false)

  useEffect(() => {
    isMounted.current = true

    return () => {
      isMounted.current = false
    }
  }, [])

  return useCallback(() => isMounted.current, [])
}


================================================
FILE: packages/usehooks-ts/src/useIsomorphicLayoutEffect/index.ts
================================================
export * from './useIsomorphicLayoutEffect'


================================================
FILE: packages/usehooks-ts/src/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.demo.tsx
================================================
import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'

export default function Component() {
  useIsomorphicLayoutEffect(() => {
    console.log(
      "In the browser, I'm an `useLayoutEffect`, but in SSR, I'm an `useEffect`.",
    )
  }, [])

  return <p>Hello, world</p>
}


================================================
FILE: packages/usehooks-ts/src/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.md
================================================
The React documentation says about `useLayoutEffect`:

> The signature is identical to useEffect, but it fires synchronously after all DOM mutations.

That means this hook is a browser hook. But React code could be generated from the server without the Window API.

If you're using NextJS, you'll have this error message:

> Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format. This will lead to a mismatch between the initial, non-hydrated UI and the intended UI. To avoid this, useLayoutEffect should only be used in components that render exclusively on the client. See https://reactjs.org/link/uselayouteffect-ssr for common fixes.

This hook fixes this problem by switching between `useEffect` and `useLayoutEffect` following the execution environment.


================================================
FILE: packages/usehooks-ts/src/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts
================================================
import { useEffect, useLayoutEffect } from 'react'

/**
 * Custom hook that uses either `useLayoutEffect` or `useEffect` based on the environment (client-side or server-side).
 * @param {Function} effect - The effect function to be executed.
 * @param {Array<any>} [dependencies] - An array of dependencies for the effect (optional).
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect)
 * @example
 * ```tsx
 * useIsomorphicLayoutEffect(() => {
 *   // Code to be executed during the layout phase on the client side
 * }, [dependency1, dependency2]);
 * ```
 */
export const useIsomorphicLayoutEffect =
  typeof window !== 'undefined' ? useLayoutEffect : useEffect


================================================
FILE: packages/usehooks-ts/src/useLocalStorage/index.ts
================================================
export * from './useLocalStorage'


================================================
FILE: packages/usehooks-ts/src/useLocalStorage/useLocalStorage.demo.tsx
================================================
import { useLocalStorage } from './useLocalStorage'

export default function Component() {
  const [value, setValue, removeValue] = useLocalStorage('test-key', 0)

  return (
    <div>
      <p>Count: {value}</p>
      <button
        onClick={() => {
          setValue((x: number) => x + 1)
        }}
      >
        Increment
      </button>
      <button
        onClick={() => {
          setValue((x: number) => x - 1)
        }}
      >
        Decrement
      </button>
      <button
        onClick={() => {
          removeValue()
        }}
      >
        Reset
      </button>
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useLocalStorage/useLocalStorage.md
================================================
Persist the state with [local storage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) so that it remains after a page refresh. This can be useful for a dark theme.
This hook is used in the same way as useState except that you must pass the storage key in the 1st parameter.

You can also pass an optional third parameter to use a custom serializer/deserializer.

**Note**: If you use this hook in an SSR context, set the `initializeWithValue` option to `false`, it will initialize in SSR with the initial value.

### Related hooks

- [`useDarkMode()`](/react-hook/use-dark-mode): Helps create a dark theme switch, built on top of `useLocalStorage()`.
- [`useReadLocalStorage()`](/react-hook/use-read-local-storage): Read values from local storage.
- [`useSessionStorage()`](/react-hook/use-session-storage): Its implementation is almost the same of `useLocalStorage()`, but on [session storage](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage) instead.


================================================
FILE: packages/usehooks-ts/src/useLocalStorage/useLocalStorage.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { mockStorage } from '../../tests/mocks'
import { useLocalStorage } from './useLocalStorage'

mockStorage('localStorage')

describe('useLocalStorage()', () => {
  beforeEach(() => {
    window.localStorage.clear()
  })

  afterEach(() => {
    vitest.clearAllMocks()
  })

  it('initial state is in the returned state', () => {
    const { result } = renderHook(() => useLocalStorage('key', 'value'))

    expect(result.current[0]).toBe('value')
  })

  it('Initial state is a callback function', () => {
    const { result } = renderHook(() => useLocalStorage('key', () => 'value'))

    expect(result.current[0]).toBe('value')
  })

  it('Initial state is an array', () => {
    const { result } = renderHook(() => useLocalStorage('digits', [1, 2]))

    expect(result.current[0]).toEqual([1, 2])
  })

  it('Initial state is a Map', () => {
    const { result } = renderHook(() =>
      useLocalStorage('map', new Map([['a', 1]])),
    )

    expect(result.current[0]).toEqual(new Map([['a', 1]]))
  })

  it('Initial state is a Set', () => {
    const { result } = renderHook(() => useLocalStorage('set', new Set([1, 2])))

    expect(result.current[0]).toEqual(new Set([1, 2]))
  })

  it('Initial state is a Date', () => {
    const { result } = renderHook(() =>
      useLocalStorage('date', new Date(2020, 1, 1)),
    )

    expect(result.current[0]).toEqual(new Date(2020, 1, 1))
  })

  it('Update the state', () => {
    const { result } = renderHook(() => useLocalStorage('key', 'value'))

    act(() => {
      const setState = result.current[1]
      setState('edited')
    })

    expect(result.current[0]).toBe('edited')
  })

  it('Update the state writes localStorage', () => {
    const { result } = renderHook(() => useLocalStorage('key', 'value'))

    act(() => {
      const setState = result.current[1]
      setState('edited')
    })

    expect(window.localStorage.getItem('key')).toBe(JSON.stringify('edited'))
  })

  it('Remove the state removes localStorage key', () => {
    const { result } = renderHook(() => useLocalStorage('key', 'value'))

    act(() => {
      const setState = result.current[1]
      setState('updated')
    })

    expect(result.current[0]).toBe('updated')
    expect(window.localStorage.getItem('key')).toBe(JSON.stringify('updated'))

    act(() => {
      const removeValue = result.current[2]
      removeValue()
    })

    // Expect null as it's a default return if storage key doesn't exist
    expect(window.localStorage.getItem('key')).toBeNull()
    // Expect the state to match the default value
    expect(result.current[0]).toBe('value')
  })

  it('Update the state with undefined', () => {
    const { result } = renderHook(() =>
      useLocalStorage<string | undefined>('key', 'value'),
    )

    act(() => {
      const setState = result.current[1]
      setState(undefined)
    })

    expect(result.current[0]).toBeUndefined()
  })

  it('Update the state with null', () => {
    const { result } = renderHook(() =>
      useLocalStorage<string | null>('key', 'value'),
    )

    act(() => {
      const setState = result.current[1]
      setState(null)
    })

    expect(result.current[0]).toBeNull()
  })

  it('Update the state with a callback function', () => {
    const { result } = renderHook(() => useLocalStorage('count', 2))

    act(() => {
      const setState = result.current[1]
      setState(prev => prev + 1)
    })

    expect(result.current[0]).toBe(3)
    expect(window.localStorage.getItem('count')).toEqual('3')
  })

  it('Update the state with a callback function multiple times per render', () => {
    const { result } = renderHook(() => useLocalStorage('count', 2))

    act(() => {
      const setState = result.current[1]
      setState(prev => prev + 1)
      setState(prev => prev + 1)
      setState(prev => prev + 1)
    })

    expect(result.current[0]).toBe(5)
    expect(window.localStorage.getItem('count')).toEqual('5')
  })

  it('[Event] Update one hook updates the others', () => {
    const initialValues: [string, unknown] = ['key', 'initial']
    const { result: A } = renderHook(() => useLocalStorage(...initialValues))
    const { result: B } = renderHook(() => useLocalStorage(...initialValues))
    const { result: C } = renderHook(() =>
      useLocalStorage('other-key', 'initial'),
    )

    act(() => {
      const setState = A.current[1]
      setState('edited')
    })

    expect(B.current[0]).toBe('edited')
    expect(C.current[0]).toBe('initial')
  })

  it('[Event] Updating one hook does not update others with a different key', () => {
    let renderCount = 0
    const { result: A } = renderHook(() => {
      renderCount++
      return useLocalStorage('key1', {})
    })
    const { result: B } = renderHook(() => useLocalStorage('key2', 'initial'))

    expect(renderCount).toBe(1)

    act(() => {
      const setStateA = A.current[1]
      setStateA({ a: 1 })
    })

    expect(renderCount).toBe(2)

    act(() => {
      const setStateB = B.current[1]
      setStateB('edited')
    })

    expect(renderCount).toBe(2)
  })

  it('setValue is referentially stable', () => {
    const { result } = renderHook(() => useLocalStorage('count', 1))

    // Store a reference to the original setValue
    const originalCallback = result.current[1]

    // Now invoke a state update, if setValue is not referentially stable then this will cause the originalCallback
    // reference to not be equal to the new setValue function
    act(() => {
      const setState = result.current[1]
      setState(prev => prev + 1)
    })

    expect(result.current[1] === originalCallback).toBe(true)
  })

  it('should use default JSON.stringify and JSON.parse when serializer/deserializer not provided', () => {
    const { result } = renderHook(() => useLocalStorage('key', 'initialValue'))

    act(() => {
      result.current[1]('newValue')
    })

    expect(localStorage.getItem('key')).toBe(JSON.stringify('newValue'))
  })

  it('should use custom serializer and deserializer when provided', () => {
    const serializer = (value: string) => value.toUpperCase()
    const deserializer = (value: string) => value.toLowerCase()

    const { result } = renderHook(() =>
      useLocalStorage('key', 'initialValue', { serializer, deserializer }),
    )

    act(() => {
      result.current[1]('NewValue')
    })

    expect(localStorage.getItem('key')).toBe('NEWVALUE')
  })

  it('should handle undefined values with custom deserializer', () => {
    const serializer = (value: number | undefined) => String(value)
    const deserializer = (value: string) =>
      value === 'undefined' ? undefined : Number(value)

    const { result } = renderHook(() =>
      useLocalStorage<number | undefined>('key', 0, {
        serializer,
        deserializer,
      }),
    )

    act(() => {
      result.current[1](undefined)
    })

    expect(localStorage.getItem('key')).toBe('undefined')

    act(() => {
      result.current[1](42)
    })

    expect(localStorage.getItem('key')).toBe('42')
  })
})


================================================
FILE: packages/usehooks-ts/src/useLocalStorage/useLocalStorage.ts
================================================
import { useCallback, useEffect, useState } from 'react'

import type { Dispatch, SetStateAction } from 'react'

import { useEventCallback } from '../useEventCallback'
import { useEventListener } from '../useEventListener'

declare global {
  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
  interface WindowEventMap {
    'local-storage': CustomEvent
  }
}

/**
 * Options for customizing the behavior of serialization and deserialization.
 * @template T - The type of the state to be stored in local storage.
 */
type UseLocalStorageOptions<T> = {
  /** A function to serialize the value before storing it. */
  serializer?: (value: T) => string
  /** A function to deserialize the stored value. */
  deserializer?: (value: string) => T
  /**
   * If `true` (default), the hook will initialize reading the local storage. In SSR, you should set it to `false`, returning the initial value initially.
   * @default true
   */
  initializeWithValue?: boolean
}

const IS_SERVER = typeof window === 'undefined'

/**
 * Custom hook that uses the [`localStorage API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) to persist state across page reloads.
 * @template T - The type of the state to be stored in local storage.
 * @param {string} key - The key under which the value will be stored in local storage.
 * @param {T | (() => T)} initialValue - The initial value of the state or a function that returns the initial value.
 * @param {UseLocalStorageOptions<T>} [options] - Options for customizing the behavior of serialization and deserialization (optional).
 * @returns {[T, Dispatch<SetStateAction<T>>, () => void]} A tuple containing the stored value, a function to set the value and a function to remove the key from storage.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-local-storage)
 * @example
 * ```tsx
 * const [count, setCount, removeCount] = useLocalStorage('count', 0);
 * // Access the `count` value, the `setCount` function to update it and `removeCount` function to remove the key from storage.
 * ```
 */
export function useLocalStorage<T>(
  key: string,
  initialValue: T | (() => T),
  options: UseLocalStorageOptions<T> = {},
): [T, Dispatch<SetStateAction<T>>, () => void] {
  const { initializeWithValue = true } = options

  const serializer = useCallback<(value: T) => string>(
    value => {
      if (options.serializer) {
        return options.serializer(value)
      }

      return JSON.stringify(value)
    },
    [options],
  )

  const deserializer = useCallback<(value: string) => T>(
    value => {
      if (options.deserializer) {
        return options.deserializer(value)
      }
      // Support 'undefined' as a value
      if (value === 'undefined') {
        return undefined as unknown as T
      }

      const defaultValue =
        initialValue instanceof Function ? initialValue() : initialValue

      let parsed: unknown
      try {
        parsed = JSON.parse(value)
      } catch (error) {
        console.error('Error parsing JSON:', error)
        return defaultValue // Return initialValue if parsing fails
      }

      return parsed as T
    },
    [options, initialValue],
  )

  // Get from local storage then
  // parse stored json or return initialValue
  const readValue = useCallback((): T => {
    const initialValueToUse =
      initialValue instanceof Function ? initialValue() : initialValue

    // Prevent build error "window is undefined" but keep working
    if (IS_SERVER) {
      return initialValueToUse
    }

    try {
      const raw = window.localStorage.getItem(key)
      return raw ? deserializer(raw) : initialValueToUse
    } catch (error) {
      console.warn(`Error reading localStorage key “${key}”:`, error)
      return initialValueToUse
    }
  }, [initialValue, key, deserializer])

  const [storedValue, setStoredValue] = useState(() => {
    if (initializeWithValue) {
      return readValue()
    }

    return initialValue instanceof Function ? initialValue() : initialValue
  })

  // Return a wrapped version of useState's setter function that ...
  // ... persists the new value to localStorage.
  const setValue: Dispatch<SetStateAction<T>> = useEventCallback(value => {
    // Prevent build error "window is undefined" but keeps working
    if (IS_SERVER) {
      console.warn(
        `Tried setting localStorage key “${key}” even though environment is not a client`,
      )
    }

    try {
      // Allow value to be a function so we have the same API as useState
      const newValue = value instanceof Function ? value(readValue()) : value

      // Save to local storage
      window.localStorage.setItem(key, serializer(newValue))

      // Save state
      setStoredValue(newValue)

      // We dispatch a custom event so every similar useLocalStorage hook is notified
      window.dispatchEvent(new StorageEvent('local-storage', { key }))
    } catch (error) {
      console.warn(`Error setting localStorage key “${key}”:`, error)
    }
  })

  const removeValue = useEventCallback(() => {
    // Prevent build error "window is undefined" but keeps working
    if (IS_SERVER) {
      console.warn(
        `Tried removing localStorage key “${key}” even though environment is not a client`,
      )
    }

    const defaultValue =
      initialValue instanceof Function ? initialValue() : initialValue

    // Remove the key from local storage
    window.localStorage.removeItem(key)

    // Save state with default value
    setStoredValue(defaultValue)

    // We dispatch a custom event so every similar useLocalStorage hook is notified
    window.dispatchEvent(new StorageEvent('local-storage', { key }))
  })

  useEffect(() => {
    setStoredValue(readValue())
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [key])

  const handleStorageChange = useCallback(
    (event: StorageEvent | CustomEvent) => {
      if ((event as StorageEvent).key && (event as StorageEvent).key !== key) {
        return
      }
      setStoredValue(readValue())
    },
    [key, readValue],
  )

  // this only works for other documents, not the current one
  useEventListener('storage', handleStorageChange)

  // this is a custom event, triggered in writeValueToLocalStorage
  // See: useLocalStorage()
  useEventListener('local-storage', handleStorageChange)

  return [storedValue, setValue, removeValue]
}


================================================
FILE: packages/usehooks-ts/src/useMap/index.ts
================================================
export * from './useMap'


================================================
FILE: packages/usehooks-ts/src/useMap/useMap.demo.tsx
================================================
import { Fragment } from 'react'

import { useMap } from './useMap'

export default function Component() {
  const [map, actions] = useMap<string, string>([['key', '🆕']])

  const set = () => {
    actions.set(String(Date.now()), '📦')
  }
  const setAll = () => {
    actions.setAll([
      ['hello', '👋'],
      ['data', '📦'],
    ])
  }
  const reset = () => {
    actions.reset()
  }
  const remove = () => {
    actions.remove('hello')
  }

  return (
    <div>
      <button onClick={set}>Add</button>
      <button onClick={reset}>Reset</button>
      <button onClick={setAll}>Set new data</button>
      <button onClick={remove} disabled={!map.get('hello')}>
        {'Remove "hello"'}
      </button>

      <pre>
        Map (
        {Array.from(map.entries()).map(([key, value]) => (
          <Fragment key={key}>{`\n  ${key}: ${value}`}</Fragment>
        ))}
        <br />)
      </pre>
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useMap/useMap.md
================================================
This React hook provides an API to interact with a `Map` ([Documentation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map))

It takes as initial entries a `Map` or an array like `[["key": "value"], [..]]` or nothing and returns:

- An array with an instance of `Map` (including: `foreach, get, has, entries, keys, values, size`)
- And an object of methods (`set, setAll, remove, reset`)

Make sure to use these methods to update the map, a `map.set(..)` would not re-render the component.

<br />

**Why use Map instead of an object ?**

Map is an iterable, a simple hash and it performs better in storing large data ([Read more](https://azimi.io/es6-map-with-react-usestate-9175cd7b409b)).


================================================
FILE: packages/usehooks-ts/src/useMap/useMap.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { useMap } from './useMap'

describe('useMap()', () => {
  it('should be ok when initiated with a map', () => {
    const initialMap = new Map([[1, 'initial']])
    const { result } = renderHook(() => useMap(initialMap))

    expect(result.current[0].get(1)).toBe('initial')
  })

  it('should be ok when initiated with an array', () => {
    const { result } = renderHook(() => useMap([[1, 'initial']]))

    expect(result.current[0].get(1)).toBe('initial')
  })

  it('should be ok when initiated without nothing', () => {
    const { result } = renderHook(() => useMap())

    expect(result.current[0].size).toBe(0)
  })

  it('should add new value', () => {
    const { result } = renderHook(() => useMap<number, string>())
    const [, actions] = result.current

    expect(result.current[0].get(1)).toBeUndefined()

    act(() => {
      actions.set(1, 'added')
    })

    expect(result.current[0].get(1)).toBe('added')
  })

  it('should update existing value', () => {
    const initialMap = new Map([[1, 'initial']])
    const { result } = renderHook(() => useMap(initialMap))
    const [, actions] = result.current

    act(() => {
      actions.set(1, 'edited')
    })

    expect(result.current[0].get(1)).toBe('edited')
  })

  it('should setAll replaces all existing values', () => {
    const initialMap = new Map([
      [1, 'initial'],
      [2, 'example'],
    ])
    const { result } = renderHook(() => useMap(initialMap))
    const [, actions] = result.current

    expect(result.current[0].get(1)).toBe('initial')
    expect(result.current[0].get(2)).toBe('example')
    expect(result.current[0].size).toBe(2)

    act(() => {
      actions.setAll([[1, 'edited']])
    })

    expect(result.current[0].get(1)).toBe('edited')
    expect(result.current[0].size).toBe(1)
  })

  it('should remove existing value', () => {
    const initialMap = new Map([[1, 'initial']])
    const { result } = renderHook(() => useMap(initialMap))
    const [, actions] = result.current

    act(() => {
      actions.remove(1)
    })

    expect(result.current[0].get(1)).toBeUndefined()
  })

  it('should reset the map state', () => {
    const initialMap = new Map([[1, 'initial']])
    const { result } = renderHook(() => useMap(initialMap))
    const [, actions] = result.current

    act(() => {
      actions.reset()
    })

    expect(result.current[0].get(1)).toBeUndefined()
    expect(result.current[0].size).toBe(0)
  })

  it('should change value reference equality after change', () => {
    const initialMap = new Map<number, number>()
    const { result } = renderHook(() => useMap(initialMap))
    const [originalMapRef, actions] = result.current

    act(() => {
      actions.set(1, 1)
    })

    expect(originalMapRef).not.toStrictEqual(result.current[0])
    expect(originalMapRef.get(1)).toBeUndefined()
    expect(result.current[0].get(1)).toBe(1)
  })
  it('should keep actions reference equality after value change', () => {
    const initialMap = new Map<number, number>()
    const { result } = renderHook(() => useMap(initialMap))
    const [, originalActionsRef] = result.current

    expect(result.current[1]).toStrictEqual(originalActionsRef)

    act(() => {
      originalActionsRef.set(1, 1)
    })

    expect(originalActionsRef).toStrictEqual(result.current[1])
  })
})


================================================
FILE: packages/usehooks-ts/src/useMap/useMap.ts
================================================
import { useCallback, useState } from 'react'

/**
 * Represents the type for either a Map or an array of key-value pairs.
 * @template K - The type of keys in the map.
 * @template V - The type of values in the map.
 */
type MapOrEntries<K, V> = Map<K, V> | [K, V][]

/**
 * Represents the actions available to interact with the map state.
 * @template K - The type of keys in the map.
 * @template V - The type of values in the map.
 */
type UseMapActions<K, V> = {
  /** Set a key-value pair in the map. */
  set: (key: K, value: V) => void
  /** Set all key-value pairs in the map. */
  setAll: (entries: MapOrEntries<K, V>) => void
  /** Remove a key-value pair from the map. */
  remove: (key: K) => void
  /** Reset the map to an empty state. */
  reset: Map<K, V>['clear']
}

/**
 * Represents the return type of the `useMap` hook.
 * We hide some setters from the returned map to disable autocompletion.
 * @template K - The type of keys in the map.
 * @template V - The type of values in the map.
 */
type UseMapReturn<K, V> = [
  Omit<Map<K, V>, 'set' | 'clear' | 'delete'>,
  UseMapActions<K, V>,
]

/**
 * Custom hook that manages a key-value [`Map`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) state with setter actions.
 * @template K - The type of keys in the map.
 * @template V - The type of values in the map.
 * @param {MapOrEntries<K, V>} [initialState] - The initial state of the map as a Map or an array of key-value pairs (optional).
 * @returns {UseMapReturn<K, V>} A tuple containing the map state and actions to interact with the map.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-map)
 * @example
 * ```tsx
 * const [map, mapActions] = useMap();
 * // Access the `map` state and use `mapActions` to set, remove, or reset entries.
 * ```
 */
export function useMap<K, V>(
  initialState: MapOrEntries<K, V> = new Map(),
): UseMapReturn<K, V> {
  const [map, setMap] = useState(new Map(initialState))

  const actions: UseMapActions<K, V> = {
    set: useCallback((key, value) => {
      setMap(prev => {
        const copy = new Map(prev)
        copy.set(key, value)
        return copy
      })
    }, []),

    setAll: useCallback(entries => {
      setMap(() => new Map(entries))
    }, []),

    remove: useCallback(key => {
      setMap(prev => {
        const copy = new Map(prev)
        copy.delete(key)
        return copy
      })
    }, []),

    reset: useCallback(() => {
      setMap(() => new Map())
    }, []),
  }

  return [map, actions]
}


================================================
FILE: packages/usehooks-ts/src/useMediaQuery/index.ts
================================================
export * from './useMediaQuery'


================================================
FILE: packages/usehooks-ts/src/useMediaQuery/useMediaQuery.demo.tsx
================================================
import { useMediaQuery } from './useMediaQuery'

export default function Component() {
  const matches = useMediaQuery('(min-width: 768px)')

  return (
    <div>
      {`The view port is ${matches ? 'at least' : 'less than'} 768 pixels wide`}
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useMediaQuery/useMediaQuery.md
================================================
Easily retrieve media dimensions with this Hook React which also works onResize.

**Note:**

- If you use this hook in an SSR context, set the `initializeWithValue` option to `false`.
- Before Safari 14, `MediaQueryList` is based on `EventTarget` and only supports `addListener`/`removeListener` for media queries. If you don't support these versions you may remove these checks. Read more about this on [MDN](https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/addListener).


================================================
FILE: packages/usehooks-ts/src/useMediaQuery/useMediaQuery.ts
================================================
import { useState } from 'react'

import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect'

/** Hook options. */
type UseMediaQueryOptions = {
  /**
   * The default value to return if the hook is being run on the server.
   * @default false
   */
  defaultValue?: boolean
  /**
   * If `true` (default), the hook will initialize reading the media query. In SSR, you should set it to `false`, returning `options.defaultValue` or `false` initially.
   * @default true
   */
  initializeWithValue?: boolean
}

const IS_SERVER = typeof window === 'undefined'

/**
 * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).
 * @param {string} query - The media query to track.
 * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).
 * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-media-query)
 * @example
 * ```tsx
 * const isSmallScreen = useMediaQuery('(max-width: 600px)');
 * // Use `isSmallScreen` to conditionally apply styles or logic based on the screen size.
 * ```
 */
export function useMediaQuery(
  query: string,
  {
    defaultValue = false,
    initializeWithValue = true,
  }: UseMediaQueryOptions = {},
): boolean {
  const getMatches = (query: string): boolean => {
    if (IS_SERVER) {
      return defaultValue
    }
    return window.matchMedia(query).matches
  }

  const [matches, setMatches] = useState<boolean>(() => {
    if (initializeWithValue) {
      return getMatches(query)
    }
    return defaultValue
  })

  // Handles the change event of the media query.
  function handleChange() {
    setMatches(getMatches(query))
  }

  useIsomorphicLayoutEffect(() => {
    const matchMedia = window.matchMedia(query)

    // Triggered at the first client-side load and if query changes
    handleChange()

    // Use deprecated `addListener` and `removeListener` to support Safari < 14 (#135)
    if (matchMedia.addListener) {
      matchMedia.addListener(handleChange)
    } else {
      matchMedia.addEventListener('change', handleChange)
    }

    return () => {
      if (matchMedia.removeListener) {
        matchMedia.removeListener(handleChange)
      } else {
        matchMedia.removeEventListener('change', handleChange)
      }
    }
  }, [query])

  return matches
}


================================================
FILE: packages/usehooks-ts/src/useOnClickOutside/index.ts
================================================
export * from './useOnClickOutside'


================================================
FILE: packages/usehooks-ts/src/useOnClickOutside/useOnClickOuside.test.ts
================================================
import { act, fireEvent, renderHook } from '@testing-library/react'

import { useOnClickOutside } from './useOnClickOutside'

describe('useOnClickOutside(', () => {
  it('should call the handler when a clicking outside the element (single ref)', () => {
    const containerRef = { current: document.createElement('div') }
    const handler = vitest.fn()

    renderHook(() => {
      useOnClickOutside(containerRef, handler)
    })

    expect(handler).toHaveBeenCalledTimes(0)

    // Simulate click outside the container
    act(() => {
      fireEvent.mouseDown(document)
    })

    expect(handler).toHaveBeenCalledTimes(1)
  })

  it('should call the handler when a clicking outside the element (multiple refs)', () => {
    const containerRef1 = { current: document.createElement('div') }
    const containerRef2 = { current: document.createElement('div') }
    const handler = vitest.fn()

    renderHook(() => {
      useOnClickOutside([containerRef1, containerRef2], handler)
    })

    expect(handler).toHaveBeenCalledTimes(0)

    // Simulate click outside the containers
    act(() => {
      fireEvent.mouseDown(document)
    })

    expect(handler).toHaveBeenCalledTimes(1)
  })

  it('should call the handler when a clicking outside the element (multiple refs with a null)', () => {
    const containerRef1 = { current: document.createElement('div') }
    const containerRef2 = { current: null }
    const handler = vitest.fn()

    renderHook(() => {
      useOnClickOutside([containerRef1, containerRef2], handler)
    })

    expect(handler).toHaveBeenCalledTimes(0)

    // Simulate click outside the containers
    act(() => {
      fireEvent.mouseDown(document)
    })

    expect(handler).toHaveBeenCalledTimes(1)
  })

  it('should NOT call the handler when a clicking inside the element', () => {
    const containerRef = { current: document.createElement('div') }
    const handler = vitest.fn()

    renderHook(() => {
      useOnClickOutside([containerRef], handler)
    })

    // Simulate click inside the container
    act(() => {
      fireEvent.mouseDown(containerRef.current)
    })

    expect(handler).toHaveBeenCalledTimes(0)
  })

  it('should NOT call the handler when clicking a non-connected element', () => {
    const containerRef = { current: document.createElement('div') }
    const handler = vitest.fn()

    renderHook(() => {
      useOnClickOutside([containerRef], handler)
    })

    // Simulate click on a non-connected element
    act(() => {
      const element = document.createElement('div')
      document.body.appendChild(element)
      document.body.removeChild(element)
      fireEvent.mouseDown(element)
    })

    expect(handler).toHaveBeenCalledTimes(0)
  })
})


================================================
FILE: packages/usehooks-ts/src/useOnClickOutside/useOnClickOutside.demo.tsx
================================================
import { useRef } from 'react'

import { useOnClickOutside } from './useOnClickOutside'

export default function Component() {
  const ref = useRef(null)

  const handleClickOutside = () => {
    // Your custom logic here
    console.log('clicked outside')
  }

  const handleClickInside = () => {
    // Your custom logic here
    console.log('clicked inside')
  }

  useOnClickOutside(ref, handleClickOutside)

  return (
    <button
      ref={ref}
      onClick={handleClickInside}
      style={{ width: 200, height: 200, background: 'cyan' }}
    />
  )
}


================================================
FILE: packages/usehooks-ts/src/useOnClickOutside/useOnClickOutside.md
================================================
React hook for listening for clicks outside of a specified element (see `useRef`).

This can be useful for closing a modal, a dropdown menu etc.


================================================
FILE: packages/usehooks-ts/src/useOnClickOutside/useOnClickOutside.ts
================================================
import type { RefObject } from 'react'

import { useEventListener } from '../useEventListener'

/** Supported event types. */
type EventType =
  | 'mousedown'
  | 'mouseup'
  | 'touchstart'
  | 'touchend'
  | 'focusin'
  | 'focusout'

/**
 * Custom hook that handles clicks outside a specified element.
 * @template T - The type of the element's reference.
 * @param {RefObject<T> | RefObject<T>[]} ref - The React ref object(s) representing the element(s) to watch for outside clicks.
 * @param {(event: MouseEvent | TouchEvent | FocusEvent) => void} handler - The callback function to be executed when a click outside the element occurs.
 * @param {EventType} [eventType] - The mouse event type to listen for (optional, default is 'mousedown').
 * @param {?AddEventListenerOptions} [eventListenerOptions] - The options object to be passed to the `addEventListener` method (optional).
 * @returns {void}
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-on-click-outside)
 * @example
 * ```tsx
 * const containerRef = useRef(null);
 * useOnClickOutside([containerRef], () => {
 *   // Handle clicks outside the container.
 * });
 * ```
 */
export function useOnClickOutside<T extends HTMLElement = HTMLElement>(
  ref: RefObject<T> | RefObject<T>[],
  handler: (event: MouseEvent | TouchEvent | FocusEvent) => void,
  eventType: EventType = 'mousedown',
  eventListenerOptions: AddEventListenerOptions = {},
): void {
  useEventListener(
    eventType,
    event => {
      const target = event.target as Node

      // Do nothing if the target is not connected element with document
      if (!target || !target.isConnected) {
        return
      }

      const isOutside = Array.isArray(ref)
        ? ref
            .filter(r => Boolean(r.current))
            .every(r => r.current && !r.current.contains(target))
        : ref.current && !ref.current.contains(target)

      if (isOutside) {
        handler(event)
      }
    },
    undefined,
    eventListenerOptions,
  )
}


================================================
FILE: packages/usehooks-ts/src/useReadLocalStorage/index.ts
================================================
export * from './useReadLocalStorage'


================================================
FILE: packages/usehooks-ts/src/useReadLocalStorage/useReadLocalStorage.demo.tsx
================================================
import { useReadLocalStorage } from './useReadLocalStorage'

export default function Component() {
  // Assuming a value was set in localStorage with this key
  const darkMode = useReadLocalStorage('darkMode')

  return <p>DarkMode is {darkMode ? 'enabled' : 'disabled'}</p>
}


================================================
FILE: packages/usehooks-ts/src/useReadLocalStorage/useReadLocalStorage.md
================================================
This React Hook allows you to read a value from localStorage by its key. It can be useful if you just want to read without passing a default value.
If the window object is not present (as in SSR), or if the value doesn't exist, `useReadLocalStorage()` will return `null`.

**Note:**

- If you use this hook in an SSR context, set the `initializeWithValue` option to `false`.
- If you want to be able to change the value, see [useLocalStorage()](/react-hook/use-local-storage).


================================================
FILE: packages/usehooks-ts/src/useReadLocalStorage/useReadLocalStorage.test.ts
================================================
import { renderHook } from '@testing-library/react'

import { useReadLocalStorage } from './useReadLocalStorage'

describe('useReadLocalStorage()', () => {
  it('should use read local storage', () => {
    const { result } = renderHook(() => useReadLocalStorage('test'))

    expect(result.current).toBe(null)
  })
})


================================================
FILE: packages/usehooks-ts/src/useReadLocalStorage/useReadLocalStorage.ts
================================================
import { useCallback, useEffect, useState } from 'react'

import { useEventListener } from '../useEventListener'

const IS_SERVER = typeof window === 'undefined'

/**
 * Represents the type for the options available when reading from local storage.
 * @template T - The type of the stored value.
 */
type Options<T, InitializeWithValue extends boolean | undefined> = {
  /** Custom deserializer function to convert the stored string value to the desired type (optional). */
  deserializer?: (value: string) => T
  /** If `true` (default), the hook will initialize reading the local storage. In SSR, you should set it to `false`, returning `undefined` initially. */
  initializeWithValue: InitializeWithValue
}

// SSR version
export function useReadLocalStorage<T>(
  key: string,
  options: Options<T, false>,
): T | null | undefined
// CSR version
export function useReadLocalStorage<T>(
  key: string,
  options?: Partial<Options<T, true>>,
): T | null
/**
 * Custom hook that reads a value from [`localStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage), closely related to [`useLocalStorage()`](https://usehooks-ts.com/react-hook/use-local-storage).
 * @template T - The type of the stored value.
 * @param {string} key - The key associated with the value in local storage.
 * @param {Options<T>} [options] - Additional options for reading the value (optional).
 * @returns {T | null | undefined} The stored value, or null if the key is not present or an error occurs.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-read-local-storage)
 * @example
 * ```tsx
 * const storedData = useReadLocalStorage('myKey');
 * // Access the stored data from local storage.
 * ```
 */
export function useReadLocalStorage<T>(
  key: string,
  options: Partial<Options<T, boolean>> = {},
): T | null | undefined {
  let { initializeWithValue = true } = options
  if (IS_SERVER) {
    initializeWithValue = false
  }

  const deserializer = useCallback<(value: string) => T | null>(
    value => {
      if (options.deserializer) {
        return options.deserializer(value)
      }
      // Support 'undefined' as a value
      if (value === 'undefined') {
        return undefined as unknown as T
      }

      let parsed: unknown
      try {
        parsed = JSON.parse(value)
      } catch (error) {
        console.error('Error parsing JSON:', error)
        return null
      }

      return parsed as T
    },
    [options],
  )

  // Get from local storage then
  // parse stored json or return initialValue
  const readValue = useCallback((): T | null => {
    // Prevent build error "window is undefined" but keep keep working
    if (IS_SERVER) {
      return null
    }

    try {
      const raw = window.localStorage.getItem(key)
      return raw ? deserializer(raw) : null
    } catch (error) {
      console.warn(`Error reading localStorage key “${key}”:`, error)
      return null
    }
  }, [key, deserializer])

  const [storedValue, setStoredValue] = useState(() => {
    if (initializeWithValue) {
      return readValue()
    }
    return undefined
  })

  // Listen if localStorage changes
  useEffect(() => {
    setStoredValue(readValue())
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [key])

  const handleStorageChange = useCallback(
    (event: StorageEvent | CustomEvent) => {
      if ((event as StorageEvent).key && (event as StorageEvent).key !== key) {
        return
      }
      setStoredValue(readValue())
    },
    [key, readValue],
  )

  // this only works for other documents, not the current one
  useEventListener('storage', handleStorageChange)

  // this is a custom event, triggered in writeValueToLocalStorage
  // See: useLocalStorage()
  useEventListener('local-storage', handleStorageChange)

  return storedValue
}


================================================
FILE: packages/usehooks-ts/src/useResizeObserver/index.ts
================================================
export * from './useResizeObserver'


================================================
FILE: packages/usehooks-ts/src/useResizeObserver/useResizeObserver.demo.tsx
================================================
import { useRef, useState } from 'react'

import { useDebounceCallback } from '../useDebounceCallback'
import { useResizeObserver } from './useResizeObserver'

type Size = {
  width?: number
  height?: number
}

export default function Component() {
  const ref = useRef<HTMLDivElement>(null)
  const { width = 0, height = 0 } = useResizeObserver({
    ref,
    box: 'border-box',
  })

  return (
    <div ref={ref} style={{ border: '1px solid palevioletred', width: '100%' }}>
      {width} x {height}
    </div>
  )
}

export function WithDebounce() {
  const ref = useRef<HTMLDivElement>(null)
  const [{ width, height }, setSize] = useState<Size>({
    width: undefined,
    height: undefined,
  })

  const onResize = useDebounceCallback(setSize, 200)

  useResizeObserver({
    ref,
    onResize,
  })

  return (
    <div
      ref={ref}
      style={{
        border: '1px solid palevioletred',
        width: '100%',
        resize: 'both',
        overflow: 'auto',
        maxWidth: '100%',
      }}
    >
      debounced: {width} x {height}
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useResizeObserver/useResizeObserver.md
================================================
A React hook for observing the size of an element using the [ResizeObserver API](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).

### Parameters

- `ref`: The ref of the element to observe.
- `onResize`: When using `onResize`, the hook doesn't re-render on element size changes; it delegates handling to the provided callback. (default is `undefined`).
- `box`: The box model to use for the ResizeObserver. (default is `'content-box'`)

### Returns

- An object with the `width` and `height` of the element if the `onResize` optional callback is not provided.

### Polyfill

The `useResizeObserver` hook does not provide polyfill to give you control, but it's recommended. You can add it by re-exporting the hook like this:

```ts
// useResizeObserver.ts
import { ResizeObserver } from '@juggle/resize-observer'
import { useResizeObserver } from 'usehooks-ts'

if (!window.ResizeObserver) {
  window.ResizeObserver = ResizeObserver
}

export { useResizeObserver }
```


================================================
FILE: packages/usehooks-ts/src/useResizeObserver/useResizeObserver.test.tsx
================================================
/* eslint-disable @typescript-eslint/no-non-null-assertion */
import { ResizeObserver } from '@juggle/resize-observer'
import { renderHook } from '@testing-library/react'

import { useResizeObserver } from './useResizeObserver'

describe('useResizeObserver()', () => {
  beforeEach(() => {
    // Mock the ResizeObserver
    window.ResizeObserver = ResizeObserver
  })

  afterEach(() => {
    vitest.restoreAllMocks()
  })

  it('should return initial undefined sizes', () => {
    const ref = { current: document.createElement('div') }
    const { result } = renderHook(() =>
      useResizeObserver({
        ref,
      }),
    )

    expect(result.current.width).toBeUndefined()
    expect(result.current.height).toBeUndefined()
  })

  it.skip('should return the observed element sizes', () => {
    const ref = { current: document.createElement('div') }
    const { result } = renderHook(() =>
      useResizeObserver({
        ref,
      }),
    )

    // TODO: Mock the observed element's size

    expect(result.current.width).toBe(100)
    expect(result.current.height).toBe(100)
  })

  it.skip('should update size when element is resized', () => {
    const ref = { current: document.createElement('div') }
    const { result } = renderHook(() =>
      useResizeObserver({
        ref,
      }),
    )

    // TODO: Mock the observed element's size

    expect(result.current.width).toBe(300)
    expect(result.current.height).toBe(200)
  })

  it.skip('should use onResize callback to update the size', () => {
    const ref = { current: document.createElement('div') }
    const onResize = vitest.fn()
    renderHook(() =>
      useResizeObserver({
        ref,
        onResize,
      }),
    )

    // TODO: Mock the observed element's size

    expect(onResize).toHaveBeenCalledWith({ width: 200, height: 200 })
  })
})


================================================
FILE: packages/usehooks-ts/src/useResizeObserver/useResizeObserver.ts
================================================
import { useEffect, useRef, useState } from 'react'

import type { RefObject } from 'react'

import { useIsMounted } from '../useIsMounted'

/** The size of the observed element. */
type Size = {
  /** The width of the observed element. */
  width: number | undefined
  /** The height of the observed element. */
  height: number | undefined
}

/** The options for the ResizeObserver. */
type UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {
  /** The ref of the element to observe. */
  ref: RefObject<T>
  /**
   * When using `onResize`, the hook doesn't re-render on element size changes; it delegates handling to the provided callback.
   * @default undefined
   */
  onResize?: (size: Size) => void
  /**
   * The box model to use for the ResizeObserver.
   * @default 'content-box'
   */
  box?: 'border-box' | 'content-box' | 'device-pixel-content-box'
}

const initialSize: Size = {
  width: undefined,
  height: undefined,
}

/**
 * Custom hook that observes the size of an element using the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).
 * @template T - The type of the element to observe.
 * @param {UseResizeObserverOptions<T>} options - The options for the ResizeObserver.
 * @returns {Size} - The size of the observed element.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-resize-observer)
 * @example
 * ```tsx
 * const myRef = useRef(null);
 * const { width = 0, height = 0 } = useResizeObserver({
 *   ref: myRef,
 *   box: 'content-box',
 * });
 *
 * <div ref={myRef}>Hello, world!</div>
 * ```
 */
export function useResizeObserver<T extends HTMLElement = HTMLElement>(
  options: UseResizeObserverOptions<T>,
): Size {
  const { ref, box = 'content-box' } = options
  const [{ width, height }, setSize] = useState<Size>(initialSize)
  const isMounted = useIsMounted()
  const previousSize = useRef<Size>({ ...initialSize })
  const onResize = useRef<((size: Size) => void) | undefined>(undefined)
  onResize.current = options.onResize

  useEffect(() => {
    if (!ref.current) return

    if (typeof window === 'undefined' || !('ResizeObserver' in window)) return

    const observer = new ResizeObserver(([entry]) => {
      const boxProp =
        box === 'border-box'
          ? 'borderBoxSize'
          : box === 'device-pixel-content-box'
            ? 'devicePixelContentBoxSize'
            : 'contentBoxSize'

      const newWidth = extractSize(entry, boxProp, 'inlineSize')
      const newHeight = extractSize(entry, boxProp, 'blockSize')

      const hasChanged =
        previousSize.current.width !== newWidth ||
        previousSize.current.height !== newHeight

      if (hasChanged) {
        const newSize: Size = { width: newWidth, height: newHeight }
        previousSize.current.width = newWidth
        previousSize.current.height = newHeight

        if (onResize.current) {
          onResize.current(newSize)
        } else {
          if (isMounted()) {
            setSize(newSize)
          }
        }
      }
    })

    observer.observe(ref.current, { box })

    return () => {
      observer.disconnect()
    }
  }, [box, ref, isMounted])

  return { width, height }
}

/** @private */
type BoxSizesKey = keyof Pick<
  ResizeObserverEntry,
  'borderBoxSize' | 'contentBoxSize' | 'devicePixelContentBoxSize'
>

function extractSize(
  entry: ResizeObserverEntry,
  box: BoxSizesKey,
  sizeType: keyof ResizeObserverSize,
): number | undefined {
  if (!entry[box]) {
    if (box === 'contentBoxSize') {
      return entry.contentRect[sizeType === 'inlineSize' ? 'width' : 'height']
    }
    return undefined
  }

  return Array.isArray(entry[box])
    ? entry[box][0][sizeType]
    : // @ts-ignore Support Firefox's non-standard behavior
      (entry[box][sizeType] as number)
}


================================================
FILE: packages/usehooks-ts/src/useScreen/index.ts
================================================
export * from './useScreen'


================================================
FILE: packages/usehooks-ts/src/useScreen/useScreen.demo.tsx
================================================
import { useScreen } from './useScreen'

export default function Component() {
  const screen = useScreen()

  return (
    <div>
      The current window dimensions are:{' '}
      <code>{JSON.stringify(screen, null, 2)}</code>
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useScreen/useScreen.md
================================================
Easily retrieve `window.screen` object with this Hook React which also works onResize.

### Parameters

- `initializeWithValue?: boolean`: If you use this hook in an SSR context, set it to `false`, it will initialize with `undefined` (default `true`).
- `debounceDelay?: number`: The delay in milliseconds before the callback is invoked (disabled by default for retro-compatibility).


================================================
FILE: packages/usehooks-ts/src/useScreen/useScreen.ts
================================================
import { useState } from 'react'

import { useDebounceCallback } from '../useDebounceCallback'
import { useEventListener } from '../useEventListener'
import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect'

/**
 * The hooks options.
 * @template InitializeWithValue - If `true` (default), the hook will initialize reading the screen dimensions. In SSR, you should set it to `false`, returning `undefined` initially.
 */
type UseScreenOptions<InitializeWithValue extends boolean | undefined> = {
  /**
   * If `true` (default), the hook will initialize reading the screen dimensions. In SSR, you should set it to `false`, returning `undefined` initially.
   * @default true
   */
  initializeWithValue: InitializeWithValue
  /**
   * The delay in milliseconds before the state is updated (disabled by default for retro-compatibility).
   * @default undefined
   */
  debounceDelay?: number
}

const IS_SERVER = typeof window === 'undefined'

// SSR version of useScreen.
export function useScreen(options: UseScreenOptions<false>): Screen | undefined
// CSR version of useScreen.
export function useScreen(options?: Partial<UseScreenOptions<true>>): Screen
/**
 * Custom hook that tracks the [`screen`](https://developer.mozilla.org/en-US/docs/Web/API/Window/screen) dimensions and properties.
 * @param {?UseScreenOptions} [options] - The options for customizing the behavior of the hook (optional).
 * @returns {Screen | undefined} The current `Screen` object representing the screen dimensions and properties, or `undefined` if not available.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-screen)
 * @example
 * ```tsx
 * const currentScreen = useScreen();
 * // Access properties of the current screen, such as width and height.
 * ```
 */
export function useScreen(
  options: Partial<UseScreenOptions<boolean>> = {},
): Screen | undefined {
  let { initializeWithValue = true } = options
  if (IS_SERVER) {
    initializeWithValue = false
  }

  const readScreen = () => {
    if (IS_SERVER) {
      return undefined
    }
    return window.screen
  }

  const [screen, setScreen] = useState<Screen | undefined>(() => {
    if (initializeWithValue) {
      return readScreen()
    }
    return undefined
  })

  const debouncedSetScreen = useDebounceCallback(
    setScreen,
    options.debounceDelay,
  )

  // Handles the resize event of the window.
  function handleSize() {
    const newScreen = readScreen()
    const setSize = options.debounceDelay ? debouncedSetScreen : setScreen

    if (newScreen) {
      // Create a shallow clone to trigger a re-render (#280).
      const {
        width,
        height,
        availHeight,
        availWidth,
        colorDepth,
        orientation,
        pixelDepth,
      } = newScreen

      setSize({
        width,
        height,
        availHeight,
        availWidth,
        colorDepth,
        orientation,
        pixelDepth,
      })
    }
  }

  useEventListener('resize', handleSize)

  // Set size at the first client-side load
  useIsomorphicLayoutEffect(() => {
    handleSize()
  }, [])

  return screen
}


================================================
FILE: packages/usehooks-ts/src/useScript/index.ts
================================================
export * from './useScript'


================================================
FILE: packages/usehooks-ts/src/useScript/useScript.demo.tsx
================================================
import { useEffect } from 'react'

import { useScript } from './useScript'

// it's an example, use your types instead
// eslint-disable-next-line @typescript-eslint/no-explicit-any
declare const jQuery: any

export default function Component() {
  // Load the script asynchronously
  const status = useScript(`https://code.jquery.com/jquery-3.5.1.min.js`, {
    removeOnUnmount: false,
    id: 'jquery',
  })

  useEffect(() => {
    if (typeof jQuery !== 'undefined') {
      // jQuery is loaded => print the version
      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
      alert(jQuery.fn.jquery)
    }
  }, [status])

  return (
    <div>
      <p>{`Current status: ${status}`}</p>

      {status === 'ready' && <p>You can use the script here.</p>}
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useScript/useScript.md
================================================
Dynamically load an external script in one line with this React hook. This can be useful to integrate a third party library like Google Analytics or Stripe.

This avoids loading this script in the `<head> </head>` on all your pages if it is not necessary.


================================================
FILE: packages/usehooks-ts/src/useScript/useScript.test.ts
================================================
import { act, cleanup, renderHook } from '@testing-library/react'

import { useScript } from './useScript'

describe('useScript', () => {
  it('should handle script loading error', () => {
    const src = 'https://example.com/myscript.js'

    const { result } = renderHook(() => useScript(src))

    expect(result.current).toBe('loading')

    act(() => {
      // Simulate script error
      document
        .querySelector(`script[src="${src}"]`)
        ?.dispatchEvent(new Event('error'))
    })

    expect(result.current).toBe('error')
  })

  it('should remove script on unmount', () => {
    const src = '/'

    // First load the script
    const { result } = renderHook(() =>
      useScript(src, { removeOnUnmount: true }),
    )

    expect(result.current).toBe('loading')

    // Make sure the document is loaded
    act(() => {
      document
        .querySelector(`script[src="${src}"]`)
        ?.dispatchEvent(new Event('load'))
    })

    expect(result.current).toBe('ready')

    // Remove the hook by unmounting and cleaning up the hook
    cleanup()

    // Check if the script is removed from the DOM
    expect(document.querySelector(`script[src="${src}"]`)).toBeNull()

    // Try loading the script again
    const { result: result2 } = renderHook(() =>
      useScript(src, { removeOnUnmount: true }),
    )

    expect(result2.current).toBe('loading')

    // Make sure the document is loaded
    act(() => {
      document
        .querySelector(`script[src="${src}"]`)
        ?.dispatchEvent(new Event('load'))
    })

    expect(result2.current).toBe('ready')
  })

  it('should have a `id` attribute when given', () => {
    const src = '/'
    const id = 'my-script'

    const { result } = renderHook(() => useScript(src, { id }))

    // Make sure the document is loaded
    act(() => {
      document
        .querySelector(`script[src="${src}"]`)
        ?.dispatchEvent(new Event('load'))
    })

    expect(result.current).toBe('ready')

    expect(document.querySelector(`script[id="${id}"]`)).not.toBeNull()
    expect(document.querySelector(`script[src="${src}"]`)?.id).toBe(id)
  })
})


================================================
FILE: packages/usehooks-ts/src/useScript/useScript.ts
================================================
import { useEffect, useState } from 'react'

/** Script loading status. */
type UseScriptStatus = 'idle' | 'loading' | 'ready' | 'error'

/** Hook options. */
type UseScriptOptions = {
  /** If `true`, prevents the script from being loaded (optional). */
  shouldPreventLoad?: boolean
  /** If `true`, removes the script from the DOM when the component unmounts (optional). */
  removeOnUnmount?: boolean
  /** Script's `id` (optional). */
  id?: string
}

// Cached script statuses
const cachedScriptStatuses = new Map<string, UseScriptStatus | undefined>()

/**
 * Gets the script element with the specified source URL.
 * @param {string} src - The source URL of the script to get.
 * @returns {{ node: HTMLScriptElement | null, status: UseScriptStatus | undefined }} The script element and its loading status.
 * @public
 * @example
 * ```tsx
 * const script = getScriptNode(src);
 * ```
 */
function getScriptNode(src: string) {
  const node: HTMLScriptElement | null = document.querySelector(
    `script[src="${src}"]`,
  )
  const status = node?.getAttribute('data-status') as
    | UseScriptStatus
    | undefined

  return {
    node,
    status,
  }
}

/**
 * Custom hook that dynamically loads scripts and tracking their loading status.
 * @param {string | null} src - The source URL of the script to load. Set to `null` or omit to prevent loading (optional).
 * @param {UseScriptOptions} [options] - Additional options for controlling script loading (optional).
 * @returns {UseScriptStatus} The status of the script loading, which can be one of 'idle', 'loading', 'ready', or 'error'.
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-script)
 * @example
 * const scriptStatus = useScript('https://example.com/script.js', { removeOnUnmount: true });
 * // Access the status of the script loading (e.g., 'loading', 'ready', 'error').
 */
export function useScript(
  src: string | null,
  options?: UseScriptOptions,
): UseScriptStatus {
  const [status, setStatus] = useState<UseScriptStatus>(() => {
    if (!src || options?.shouldPreventLoad) {
      return 'idle'
    }

    if (typeof window === 'undefined') {
      // SSR Handling - always return 'loading'
      return 'loading'
    }

    return cachedScriptStatuses.get(src) ?? 'loading'
  })

  useEffect(() => {
    if (!src || options?.shouldPreventLoad) {
      return
    }

    const cachedScriptStatus = cachedScriptStatuses.get(src)
    if (cachedScriptStatus === 'ready' || cachedScriptStatus === 'error') {
      // If the script is already cached, set its status immediately
      setStatus(cachedScriptStatus)
      return
    }

    // Fetch existing script element by src
    // It may have been added by another instance of this hook
    const script = getScriptNode(src)
    let scriptNode = script.node

    if (!scriptNode) {
      // Create script element and add it to document body
      scriptNode = document.createElement('script')
      scriptNode.src = src
      scriptNode.async = true
      if (options?.id) {
        scriptNode.id = options.id
      }
      scriptNode.setAttribute('data-status', 'loading')
      document.body.appendChild(scriptNode)

      // Store status in attribute on script
      // This can be read by other instances of this hook
      const setAttributeFromEvent = (event: Event) => {
        const scriptStatus: UseScriptStatus =
          event.type === 'load' ? 'ready' : 'error'

        scriptNode?.setAttribute('data-status', scriptStatus)
      }

      scriptNode.addEventListener('load', setAttributeFromEvent)
      scriptNode.addEventListener('error', setAttributeFromEvent)
    } else {
      // Grab existing script status from attribute and set to state.
      setStatus(script.status ?? cachedScriptStatus ?? 'loading')
    }

    // Script event handler to update status in state
    // Note: Even if the script already exists we still need to add
    // event handlers to update the state for *this* hook instance.
    const setStateFromEvent = (event: Event) => {
      const newStatus = event.type === 'load' ? 'ready' : 'error'
      setStatus(newStatus)
      cachedScriptStatuses.set(src, newStatus)
    }

    // Add event listeners
    scriptNode.addEventListener('load', setStateFromEvent)
    scriptNode.addEventListener('error', setStateFromEvent)

    // Remove event listeners on cleanup
    return () => {
      if (scriptNode) {
        scriptNode.removeEventListener('load', setStateFromEvent)
        scriptNode.removeEventListener('error', setStateFromEvent)
      }

      if (scriptNode && options?.removeOnUnmount) {
        scriptNode.remove()
        cachedScriptStatuses.delete(src)
      }
    }
  }, [src, options?.shouldPreventLoad, options?.removeOnUnmount, options?.id])

  return status
}


================================================
FILE: packages/usehooks-ts/src/useScrollLock/index.ts
================================================
export * from './useScrollLock'


================================================
FILE: packages/usehooks-ts/src/useScrollLock/useScrollLock.demo.tsx
================================================
import { useScrollLock } from './useScrollLock'

// Example 1: Auto lock the scroll of the body element when the modal mounts
export default function Modal() {
  useScrollLock()
  return <div>Modal</div>
}

// Example 2: Manually lock and unlock the scroll for a specific target
export function App() {
  const { lock, unlock } = useScrollLock({
    autoLock: false,
    lockTarget: '#scrollable',
  })

  return (
    <>
      <div id="scrollable" style={{ maxHeight: '50vh', overflow: 'scroll' }}>
        {['red', 'blue', 'green'].map(color => (
          <div key={color} style={{ backgroundColor: color, height: '30vh' }} />
        ))}
      </div>

      <div style={{ gap: 16, display: 'flex' }}>
        <button onClick={lock}>Lock</button>
        <button onClick={unlock}>Unlock</button>
      </div>
    </>
  )
}


================================================
FILE: packages/usehooks-ts/src/useScrollLock/useScrollLock.md
================================================
A custom hook for locking and unlocking scroll.

It can be used when you need to automatically lock the scroll, like for a modal or a sidebar.
You can also use it to manually lock and unlock the scroll by disabling the `autoLock` feature.


================================================
FILE: packages/usehooks-ts/src/useScrollLock/useScrollLock.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { useScrollLock } from './useScrollLock'

describe('useScrollLock()', () => {
  beforeEach(() => {
    document.body.style.removeProperty('overflow')
  })

  it('should initially lock and unlock body', () => {
    const { unmount } = renderHook(() => useScrollLock())

    expect(document.body.style.overflow).toBe('hidden')
    unmount()
    expect(document.body.style.overflow).toBe('')
  })

  it('should initially lock and unlock the target element', () => {
    const target = document.createElement('div')

    document.body.appendChild(target)

    const { unmount } = renderHook(() => useScrollLock({ lockTarget: target }))

    expect(target.style.overflow).toBe('hidden')
    unmount()
    expect(target.style.overflow).toBe('')
  })

  it('should initially lock and unlock the target element by selector', () => {
    const target = document.createElement('div')

    target.id = 'target'
    document.body.appendChild(target)

    const { unmount } = renderHook(() =>
      useScrollLock({ lockTarget: '#target' }),
    )

    expect(target.style.overflow).toBe('hidden')
    unmount()
    expect(target.style.overflow).toBe('')
  })

  it('should not initially lock and unlock', () => {
    const { unmount } = renderHook(() => useScrollLock({ autoLock: false }))

    expect(document.body.style.overflow).toBe('')
    unmount()
    expect(document.body.style.overflow).toBe('')
  })

  it('should lock and unlock manually', () => {
    const { result } = renderHook(() => useScrollLock({ autoLock: false }))

    expect(document.body.style.overflow).toBe('')
    act(() => {
      result.current.lock()
    })
    expect(document.body.style.overflow).toBe('hidden')
    act(() => {
      result.current.unlock()
    })
    expect(document.body.style.overflow).toBe('')
  })

  it("should keep the original style of the target element when it's unlocked", () => {
    const target = document.createElement('div')

    target.style.overflow = 'auto'
    document.body.appendChild(target)

    const { result } = renderHook(() => useScrollLock({ lockTarget: target }))

    expect(target.style.overflow).toBe('hidden')
    act(() => {
      result.current.unlock()
    })
    expect(target.style.overflow).toBe('auto')
  })

  it('should unlock on unmount even with initial is locked', () => {
    const { unmount, result } = renderHook(() =>
      useScrollLock({ autoLock: false }),
    )

    expect(document.body.style.overflow).toBe('')
    act(() => {
      result.current.lock()
    })
    expect(document.body.style.overflow).toBe('hidden')
    unmount()
    expect(document.body.style.overflow).toBe('')
  })

  it('should fallback to document.body if the target element is not found', () => {
    const { unmount } = renderHook(() =>
      useScrollLock({ lockTarget: '#non-existing' }),
    )

    expect(document.body.style.overflow).toBe('hidden')
    unmount()
    expect(document.body.style.overflow).toBe('')
  })

  it('should add padding-right to prevent width reflow', () => {
    const { unmount } = renderHook(() => useScrollLock())

    const scrollbarWidth = window.innerWidth - document.body.scrollWidth

    expect(document.body.style.paddingRight).toBe(`${scrollbarWidth}px`)
    unmount()
    expect(document.body.style.paddingRight).toBe('')
  })
})


================================================
FILE: packages/usehooks-ts/src/useScrollLock/useScrollLock.ts
================================================
import { useRef, useState } from 'react'

import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect'

/** Hook options. */
type UseScrollLockOptions = {
  /**
   * Whether to lock the scroll initially.
   * @default true
   */
  autoLock?: boolean
  /**
   * The target element to lock the scroll (default is the body element).
   * @default document.body
   */
  lockTarget?: HTMLElement | string
  /**
   * Whether to prevent width reflow when locking the scroll.
   * @default true
   */
  widthReflow?: boolean
}

/** Hook return type. */
type UseScrollLockReturn = {
  /** Whether the scroll is locked. */
  isLocked: boolean
  /** Lock the scroll. */
  lock: () => void
  /** Unlock the scroll. */
  unlock: () => void
}

type OriginalStyle = {
  overflow: CSSStyleDeclaration['overflow']
  paddingRight: CSSStyleDeclaration['paddingRight']
}

const IS_SERVER = typeof window === 'undefined'

/**
 * A custom hook that locks and unlocks scroll.
 * @param {UseScrollLockOptions} [options] - Options to configure the hook, by default it will lock the scroll automatically.
 * @returns {UseScrollLockReturn} - An object containing the lock and unlock functions.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-scroll-lock)
 * @example
 * ```tsx
 * // Lock the scroll when the modal is mounted, and unlock it when it's unmounted
 * useScrollLock()
 * ```
 * @example
 * ```tsx
 * // Manually lock and unlock the scroll
 * const { lock, unlock } = useScrollLock({ autoLock: false })
 *
 * return (
 *  <div>
 *   <button onClick={lock}>Lock</button>
 *   <button onClick={unlock}>Unlock</button>
 *  </div>
 * )
 * ```
 */
export function useScrollLock(
  options: UseScrollLockOptions = {},
): UseScrollLockReturn {
  const { autoLock = true, lockTarget, widthReflow = true } = options
  const [isLocked, setIsLocked] = useState(false)
  const target = useRef<HTMLElement | null>(null)
  const originalStyle = useRef<OriginalStyle | null>(null)

  const lock = () => {
    if (target.current) {
      const { overflow, paddingRight } = target.current.style

      // Save the original styles
      originalStyle.current = { overflow, paddingRight }

      // Prevent width reflow
      if (widthReflow) {
        // Use window inner width if body is the target as global scrollbar isn't part of the document
        const offsetWidth =
          target.current === document.body
            ? window.innerWidth
            : target.current.offsetWidth
        // Get current computed padding right in pixels
        const currentPaddingRight =
          parseInt(window.getComputedStyle(target.current).paddingRight, 10) ||
          0

        const scrollbarWidth = offsetWidth - target.current.scrollWidth
        target.current.style.paddingRight = `${scrollbarWidth + currentPaddingRight}px`
      }

      // Lock the scroll
      target.current.style.overflow = 'hidden'

      setIsLocked(true)
    }
  }

  const unlock = () => {
    if (target.current && originalStyle.current) {
      target.current.style.overflow = originalStyle.current.overflow

      // Only reset padding right if we changed it
      if (widthReflow) {
        target.current.style.paddingRight = originalStyle.current.paddingRight
      }
    }

    setIsLocked(false)
  }

  useIsomorphicLayoutEffect(() => {
    if (IS_SERVER) return

    if (lockTarget) {
      target.current =
        typeof lockTarget === 'string'
          ? document.querySelector(lockTarget)
          : lockTarget
    }

    if (!target.current) {
      target.current = document.body
    }

    if (autoLock) {
      lock()
    }

    return () => {
      unlock()
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [autoLock, lockTarget, widthReflow])

  return { isLocked, lock, unlock }
}


================================================
FILE: packages/usehooks-ts/src/useSessionStorage/index.ts
================================================
export * from './useSessionStorage'


================================================
FILE: packages/usehooks-ts/src/useSessionStorage/useSessionStorage.demo.tsx
================================================
import { useSessionStorage } from './useSessionStorage'

export default function Component() {
  const [value, setValue, removeValue] = useSessionStorage('test-key', 0)

  return (
    <div>
      <p>Count: {value}</p>
      <button
        onClick={() => {
          setValue((x: number) => x + 1)
        }}
      >
        Increment
      </button>
      <button
        onClick={() => {
          setValue((x: number) => x - 1)
        }}
      >
        Decrement
      </button>
      <button
        onClick={() => {
          removeValue()
        }}
      >
        Reset
      </button>
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useSessionStorage/useSessionStorage.md
================================================
Persist the state with session storage so that it remains after a page refresh. This can be useful to record session information. This hook is used in the same way as useState except that you must pass the storage key in the 1st parameter. If the window object is not present (as in SSR), `useSessionStorage()` will return the default value.

You can also pass an optional third parameter to use a custom serializer/deserializer.

**Note**: If you use this hook in an SSR context, set the `initializeWithValue` option to `false`, it will initialize in SSR with the initial value.

Related hooks:

- [`useLocalStorage()`](/react-hook/use-local-storage)


================================================
FILE: packages/usehooks-ts/src/useSessionStorage/useSessionStorage.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { mockStorage } from '../../tests/mocks'
import { useSessionStorage } from './useSessionStorage'

mockStorage('sessionStorage')

describe('useSessionStorage()', () => {
  beforeEach(() => {
    window.sessionStorage.clear()
  })

  afterEach(() => {
    vitest.clearAllMocks()
  })

  it('initial state is in the returned state', () => {
    const { result } = renderHook(() => useSessionStorage('key', 'value'))

    expect(result.current[0]).toBe('value')
  })

  it('Initial state is a callback function', () => {
    const { result } = renderHook(() => useSessionStorage('key', () => 'value'))

    expect(result.current[0]).toBe('value')
  })

  it('Initial state is an array', () => {
    const { result } = renderHook(() => useSessionStorage('digits', [1, 2]))

    expect(result.current[0]).toEqual([1, 2])
  })

  it('Initial state is a Map', () => {
    const { result } = renderHook(() =>
      useSessionStorage('map', new Map([['a', 1]])),
    )

    expect(result.current[0]).toEqual(new Map([['a', 1]]))
  })

  it('Initial state is a Set', () => {
    const { result } = renderHook(() =>
      useSessionStorage('set', new Set([1, 2])),
    )

    expect(result.current[0]).toEqual(new Set([1, 2]))
  })

  it('Initial state is a Date', () => {
    const { result } = renderHook(() =>
      useSessionStorage('date', new Date(2020, 1, 1)),
    )

    expect(result.current[0]).toEqual(new Date(2020, 1, 1))
  })

  it('Update the state', () => {
    const { result } = renderHook(() => useSessionStorage('key', 'value'))

    act(() => {
      const setState = result.current[1]
      setState('edited')
    })

    expect(result.current[0]).toBe('edited')
  })

  it('Update the state writes sessionStorage', () => {
    const { result } = renderHook(() => useSessionStorage('key', 'value'))

    act(() => {
      const setState = result.current[1]
      setState('edited')
    })

    expect(window.sessionStorage.getItem('key')).toBe(JSON.stringify('edited'))
  })

  it('Remove the state removes sessionStorage key', () => {
    const { result } = renderHook(() => useSessionStorage('key', 'value'))

    act(() => {
      const setState = result.current[1]
      setState('updated')
    })

    expect(result.current[0]).toBe('updated')
    expect(window.sessionStorage.getItem('key')).toBe(JSON.stringify('updated'))

    act(() => {
      const removeValue = result.current[2]
      removeValue()
    })

    // Expect null as it's a default return if storage key doesn't exist
    expect(window.sessionStorage.getItem('key')).toBeNull()
    // Expect the state to match the default value
    expect(result.current[0]).toBe('value')
  })

  it('Update the state with undefined', () => {
    const { result } = renderHook(() =>
      useSessionStorage<string | undefined>('keytest', 'value'),
    )

    act(() => {
      const setState = result.current[1]
      setState(undefined)
    })

    expect(result.current[0]).toBeUndefined()
  })

  it('Update the state with a callback function', () => {
    const { result } = renderHook(() => useSessionStorage('count', 2))

    act(() => {
      const setState = result.current[1]
      setState(prev => prev + 1)
    })

    expect(result.current[0]).toBe(3)
    expect(window.sessionStorage.getItem('count')).toEqual('3')
  })

  it('Update the state with a callback function multiple times per render', () => {
    const { result } = renderHook(() => useSessionStorage('count', 2))

    act(() => {
      const setState = result.current[1]
      setState(prev => prev + 1)
      setState(prev => prev + 1)
      setState(prev => prev + 1)
    })

    expect(result.current[0]).toBe(5)
    expect(window.sessionStorage.getItem('count')).toEqual('5')
  })

  it('[Event] Update one hook updates the others', () => {
    const initialValues: [string, unknown] = ['key', 'initial']
    const { result: A } = renderHook(() => useSessionStorage(...initialValues))
    const { result: B } = renderHook(() => useSessionStorage(...initialValues))
    const { result: C } = renderHook(() =>
      useSessionStorage('other-key', 'initial'),
    )

    act(() => {
      const setState = A.current[1]
      setState('edited')
    })

    expect(B.current[0]).toBe('edited')
    expect(C.current[0]).toBe('initial')
  })

  it('[Event] Updating one hook does not update others with a different key', () => {
    let renderCount = 0
    const { result: A } = renderHook(() => {
      renderCount++
      return useSessionStorage('key1', {})
    })
    const { result: B } = renderHook(() => useSessionStorage('key2', 'initial'))

    expect(renderCount).toBe(1)

    act(() => {
      const setStateA = A.current[1]
      setStateA({ a: 1 })
    })

    expect(renderCount).toBe(2)

    act(() => {
      const setStateB = B.current[1]
      setStateB('edited')
    })

    expect(renderCount).toBe(2)
  })

  it('setValue is referentially stable', () => {
    const { result } = renderHook(() => useSessionStorage('count', 1))

    // Store a reference to the original setValue
    const originalCallback = result.current[1]

    // Now invoke a state update, if setValue is not referentially stable then this will cause the originalCallback
    // reference to not be equal to the new setValue function
    act(() => {
      const setState = result.current[1]
      setState(prev => prev + 1)
    })

    expect(result.current[1] === originalCallback).toBe(true)
  })

  it('should use default JSON.stringify and JSON.parse when serializer/deserializer not provided', () => {
    const { result } = renderHook(() =>
      useSessionStorage('key', 'initialValue'),
    )

    act(() => {
      result.current[1]('newValue')
    })

    expect(sessionStorage.getItem('key')).toBe(JSON.stringify('newValue'))
  })

  it('should use custom serializer and deserializer when provided', () => {
    const serializer = (value: string) => value.toUpperCase()
    const deserializer = (value: string) => value.toLowerCase()

    const { result } = renderHook(() =>
      useSessionStorage('key', 'initialValue', { serializer, deserializer }),
    )

    act(() => {
      result.current[1]('NewValue')
    })

    expect(sessionStorage.getItem('key')).toBe('NEWVALUE')
  })

  it('should handle undefined values with custom deserializer', () => {
    const serializer = (value: number | undefined) => String(value)
    const deserializer = (value: string) =>
      value === 'undefined' ? undefined : Number(value)

    const { result } = renderHook(() =>
      useSessionStorage<number | undefined>('key', 0, {
        serializer,
        deserializer,
      }),
    )

    act(() => {
      result.current[1](undefined)
    })

    expect(sessionStorage.getItem('key')).toBe('undefined')

    act(() => {
      result.current[1](42)
    })

    expect(sessionStorage.getItem('key')).toBe('42')
  })
})


================================================
FILE: packages/usehooks-ts/src/useSessionStorage/useSessionStorage.ts
================================================
import { useCallback, useEffect, useState } from 'react'

import type { Dispatch, SetStateAction } from 'react'

import { useEventCallback } from '../useEventCallback'
import { useEventListener } from '../useEventListener'

declare global {
  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
  interface WindowEventMap {
    'session-storage': CustomEvent
  }
}

/**
 * Represents the options for customizing the behavior of serialization and deserialization.
 * @template T - The type of the state to be stored in session storage.
 */
type UseSessionStorageOptions<T> = {
  /** A function to serialize the value before storing it. */
  serializer?: (value: T) => string
  /** A function to deserialize the stored value. */
  deserializer?: (value: string) => T
  /**
   * If `true` (default), the hook will initialize reading the session storage. In SSR, you should set it to `false`, returning the initial value initially.
   * @default true
   */
  initializeWithValue?: boolean
}

const IS_SERVER = typeof window === 'undefined'

/**
 * Custom hook that uses the [`sessionStorage API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage) to persist state across page reloads.
 * @template T - The type of the state to be stored in session storage.
 * @param {string} key - The key under which the value will be stored in session storage.
 * @param {T | (() => T)} initialValue - The initial value of the state or a function that returns the initial value.
 * @param {?UseSessionStorageOptions<T>} [options] - Options for customizing the behavior of serialization and deserialization (optional).
 * @returns {[T, Dispatch<SetStateAction<T>>, () => void]} A tuple containing the stored value, a function to set the value and a function to remove the key from storage.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-session-storage)
 * @example
 * ```tsx
 * const [count, setCount, removeCount] = useSessionStorage('count', 0);
 * // Access the `count` value, the `setCount` function to update it and `removeCount` function to remove the key from storage.
 * ```
 */
export function useSessionStorage<T>(
  key: string,
  initialValue: T | (() => T),
  options: UseSessionStorageOptions<T> = {},
): [T, Dispatch<SetStateAction<T>>, () => void] {
  const { initializeWithValue = true } = options

  const serializer = useCallback<(value: T) => string>(
    value => {
      if (options.serializer) {
        return options.serializer(value)
      }

      return JSON.stringify(value)
    },
    [options],
  )

  const deserializer = useCallback<(value: string) => T>(
    value => {
      if (options.deserializer) {
        return options.deserializer(value)
      }
      // Support 'undefined' as a value
      if (value === 'undefined') {
        return undefined as unknown as T
      }

      const defaultValue =
        initialValue instanceof Function ? initialValue() : initialValue

      let parsed: unknown
      try {
        parsed = JSON.parse(value)
      } catch (error) {
        console.error('Error parsing JSON:', error)
        return defaultValue // Return initialValue if parsing fails
      }

      return parsed as T
    },
    [options, initialValue],
  )

  // Get from session storage then
  // parse stored json or return initialValue
  const readValue = useCallback((): T => {
    const initialValueToUse =
      initialValue instanceof Function ? initialValue() : initialValue

    // Prevent build error "window is undefined" but keep working
    if (IS_SERVER) {
      return initialValueToUse
    }

    try {
      const raw = window.sessionStorage.getItem(key)
      return raw ? deserializer(raw) : initialValueToUse
    } catch (error) {
      console.warn(`Error reading sessionStorage key “${key}”:`, error)
      return initialValueToUse
    }
  }, [initialValue, key, deserializer])

  const [storedValue, setStoredValue] = useState(() => {
    if (initializeWithValue) {
      return readValue()
    }

    return initialValue instanceof Function ? initialValue() : initialValue
  })

  // Return a wrapped version of useState's setter function that ...
  // ... persists the new value to sessionStorage.
  const setValue: Dispatch<SetStateAction<T>> = useEventCallback(value => {
    // Prevent build error "window is undefined" but keeps working
    if (IS_SERVER) {
      console.warn(
        `Tried setting sessionStorage key “${key}” even though environment is not a client`,
      )
    }

    try {
      // Allow value to be a function so we have the same API as useState
      const newValue = value instanceof Function ? value(readValue()) : value

      // Save to session storage
      window.sessionStorage.setItem(key, serializer(newValue))

      // Save state
      setStoredValue(newValue)

      // We dispatch a custom event so every similar useSessionStorage hook is notified
      window.dispatchEvent(new StorageEvent('session-storage', { key }))
    } catch (error) {
      console.warn(`Error setting sessionStorage key “${key}”:`, error)
    }
  })

  const removeValue = useEventCallback(() => {
    // Prevent build error "window is undefined" but keeps working
    if (IS_SERVER) {
      console.warn(
        `Tried removing sessionStorage key “${key}” even though environment is not a client`,
      )
    }

    const defaultValue =
      initialValue instanceof Function ? initialValue() : initialValue

    // Remove the key from session storage
    window.sessionStorage.removeItem(key)

    // Save state with default value
    setStoredValue(defaultValue)

    // We dispatch a custom event so every similar useSessionStorage hook is notified
    window.dispatchEvent(new StorageEvent('session-storage', { key }))
  })

  useEffect(() => {
    setStoredValue(readValue())
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [key])

  const handleStorageChange = useCallback(
    (event: StorageEvent | CustomEvent) => {
      if ((event as StorageEvent).key && (event as StorageEvent).key !== key) {
        return
      }
      setStoredValue(readValue())
    },
    [key, readValue],
  )

  // this only works for other documents, not the current one
  useEventListener('storage', handleStorageChange)

  // this is a custom event, triggered in writeValueToSessionStorage
  // See: useSessionStorage()
  useEventListener('session-storage', handleStorageChange)

  return [storedValue, setValue, removeValue]
}


================================================
FILE: packages/usehooks-ts/src/useStep/index.ts
================================================
export * from './useStep'


================================================
FILE: packages/usehooks-ts/src/useStep/useStep.demo.tsx
================================================
import { useStep } from './useStep'

export default function Component() {
  const [currentStep, helpers] = useStep(5)

  const {
    canGoToPrevStep,
    canGoToNextStep,
    goToNextStep,
    goToPrevStep,
    reset,
    setStep,
  } = helpers

  return (
    <>
      <p>Current step is {currentStep}</p>
      <p>Can go to previous step {canGoToPrevStep ? 'yes' : 'no'}</p>
      <p>Can go to next step {canGoToNextStep ? 'yes' : 'no'}</p>
      <button onClick={goToNextStep}>Go to next step</button>
      <button onClick={goToPrevStep}>Go to previous step</button>
      <button onClick={reset}>Reset</button>
      <button
        onClick={() => {
          setStep(3)
        }}
      >
        Set to step 3
      </button>
    </>
  )
}


================================================
FILE: packages/usehooks-ts/src/useStep/useStep.md
================================================
A simple abstraction to play with a stepper, don't repeat yourself.


================================================
FILE: packages/usehooks-ts/src/useStep/useStep.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { useStep } from './useStep'

describe('useStep()', () => {
  it('should use step', () => {
    const { result } = renderHook(() => useStep(2))

    expect(result.current[0]).toBe(1)
    expect(typeof result.current[1].goToNextStep).toBe('function')
    expect(typeof result.current[1].goToPrevStep).toBe('function')
    expect(typeof result.current[1].setStep).toBe('function')
    expect(typeof result.current[1].reset).toBe('function')
    expect(typeof result.current[1].canGoToNextStep).toBe('boolean')
    expect(typeof result.current[1].canGoToPrevStep).toBe('boolean')
  })

  it('should increment step', () => {
    const { result } = renderHook(() => useStep(2))

    act(() => {
      result.current[1].goToNextStep()
    })

    expect(result.current[0]).toBe(2)
  })

  it('should decrement step', () => {
    const { result } = renderHook(() => useStep(2))

    act(() => {
      result.current[1].setStep(2)
    })

    act(() => {
      result.current[1].goToPrevStep()
    })

    expect(result.current[0]).toBe(1)
  })

  it('should reset step', () => {
    const { result } = renderHook(() => useStep(2))

    act(() => {
      result.current[1].reset()
    })

    expect(result.current[0]).toBe(1)
  })

  it('should set step', () => {
    const { result } = renderHook(() => useStep(3))

    const newStep = 2

    act(() => {
      result.current[1].setStep(newStep)
    })

    expect(result.current[0]).toBe(newStep)
  })

  it('should return if prev step is available', () => {
    const { result } = renderHook(() => useStep(2))

    act(() => {
      result.current[1].setStep(2)
    })

    expect(result.current[1].canGoToPrevStep).toBe(true)
  })

  it('should return if next step is available', () => {
    const { result } = renderHook(() => useStep(2))

    expect(result.current[1].canGoToNextStep).toBe(true)
  })
})


================================================
FILE: packages/usehooks-ts/src/useStep/useStep.ts
================================================
import { useCallback, useState } from 'react'

import type { Dispatch, SetStateAction } from 'react'

/** Represents the second element of the output of the `useStep` hook. */
type UseStepActions = {
  /** Go to the next step in the process. */
  goToNextStep: () => void
  /** Go to the previous step in the process. */
  goToPrevStep: () => void
  /** Reset the step to the initial step. */
  reset: () => void
  /** Check if the next step is available. */
  canGoToNextStep: boolean
  /** Check if the previous step is available. */
  canGoToPrevStep: boolean
  /** Set the current step to a specific value. */
  setStep: Dispatch<SetStateAction<number>>
}

type SetStepCallbackType = (step: number | ((step: number) => number)) => void

/**
 * Custom hook that manages and navigates between steps in a multi-step process.
 * @param {number} maxStep - The maximum step in the process.
 * @returns {[number, UseStepActions]} An tuple containing the current step and helper functions for navigating steps.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-step)
 * @example
 * ```tsx
 * const [currentStep, { goToNextStep, goToPrevStep, reset, canGoToNextStep, canGoToPrevStep, setStep }] = useStep(3);
 * // Access and use the current step and provided helper functions.
 * ```
 */
export function useStep(maxStep: number): [number, UseStepActions] {
  const [currentStep, setCurrentStep] = useState(1)

  const canGoToNextStep = currentStep + 1 <= maxStep
  const canGoToPrevStep = currentStep - 1 > 0

  const setStep = useCallback<SetStepCallbackType>(
    step => {
      // Allow value to be a function so we have the same API as useState
      const newStep = step instanceof Function ? step(currentStep) : step

      if (newStep >= 1 && newStep <= maxStep) {
        setCurrentStep(newStep)
        return
      }

      throw new Error('Step not valid')
    },
    [maxStep, currentStep],
  )

  const goToNextStep = useCallback(() => {
    if (canGoToNextStep) {
      setCurrentStep(step => step + 1)
    }
  }, [canGoToNextStep])

  const goToPrevStep = useCallback(() => {
    if (canGoToPrevStep) {
      setCurrentStep(step => step - 1)
    }
  }, [canGoToPrevStep])

  const reset = useCallback(() => {
    setCurrentStep(1)
  }, [])

  return [
    currentStep,
    {
      goToNextStep,
      goToPrevStep,
      canGoToNextStep,
      canGoToPrevStep,
      setStep,
      reset,
    },
  ]
}


================================================
FILE: packages/usehooks-ts/src/useTernaryDarkMode/index.ts
================================================
export * from './useTernaryDarkMode'


================================================
FILE: packages/usehooks-ts/src/useTernaryDarkMode/useTernaryDarkMode.demo.tsx
================================================
import { useTernaryDarkMode } from './useTernaryDarkMode'

type TernaryDarkMode = ReturnType<typeof useTernaryDarkMode>['ternaryDarkMode']

export default function Component() {
  const {
    isDarkMode,
    ternaryDarkMode,
    setTernaryDarkMode,
    toggleTernaryDarkMode,
  } = useTernaryDarkMode()

  return (
    <div>
      <p>Current theme: {isDarkMode ? 'dark' : 'light'}</p>
      <p>ternaryMode: {ternaryDarkMode}</p>
      <p>
        Toggle between three modes
        <button onClick={toggleTernaryDarkMode}>
          Toggle from {ternaryDarkMode}
        </button>
      </p>
      <p>
        Select a mode
        <br />
        <select
          name="select-ternaryDarkMode"
          onChange={ev => {
            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
            setTernaryDarkMode(ev.target.value as TernaryDarkMode)
          }}
          value={ternaryDarkMode}
        >
          <option value="light">light</option>
          <option value="system">system</option>
          <option value="dark">dark</option>
        </select>
      </p>
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useTernaryDarkMode/useTernaryDarkMode.md
================================================
This React Hook offers you an interface to toggle and read the dark theme mode between three values. It uses internally [`useLocalStorage()`](/react-hook/use-local-storage) to persist the value and listens the OS color scheme preferences.

If no value exists in local storage, it will default to `"system"`, though this can be changed by using the `defaultValue` hook parameter.

**Note**: If you use this hook in an SSR context, set the `initializeWithValue` option to `false`.

Returned value

- The `isDarkMode` is a boolean for the final outcome, to let you be able to use with your logic.
- The `ternaryModeCode` is of a literal type `"dark" | "system" | "light"`.

  When `ternaryModeCode` is set to `system`, the `isDarkMode` will use system theme, like of iOS and MacOS.

  Also, `ternaryModeCode` implicitly exports a type with `type TernaryDarkMode = typeof ternaryDarkMode`

Returned interface

- The `toggleTernaryDarkMode` is a function to cycle `ternaryModeCode` between `dark`, `system` and `light`(in this order).
- The `setTernaryDarkMode` accepts a parameter of type `TernaryDarkMode` and set it as `ternaryModeCode`.


================================================
FILE: packages/usehooks-ts/src/useTernaryDarkMode/useTernaryDarkMode.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { mockMatchMedia, mockStorage } from '../../tests/mocks'
import { useTernaryDarkMode } from './useTernaryDarkMode'

mockStorage('localStorage')

describe('useTernaryDarkMode()', () => {
  beforeEach(() => {
    window.localStorage.clear()
    mockMatchMedia(false)
  })

  it('should initialize with default value (light)', () => {
    const { result } = renderHook(() => useTernaryDarkMode())

    expect(result.current.isDarkMode).toBe(false)
    expect(result.current.ternaryDarkMode).toBe('system')
  })

  it('should initialize with default value (dark)', () => {
    mockMatchMedia(true)
    const { result } = renderHook(() => useTernaryDarkMode())

    expect(result.current.isDarkMode).toBe(true)
    expect(result.current.ternaryDarkMode).toBe('system')
  })

  it('should setter work', () => {
    const { result } = renderHook(() => useTernaryDarkMode())

    expect(result.current.isDarkMode).toBe(false)
    expect(result.current.ternaryDarkMode).toBe('system')

    act(() => {
      result.current.setTernaryDarkMode('dark')
    })

    expect(result.current.isDarkMode).toBe(true)
    expect(result.current.ternaryDarkMode).toBe('dark')

    act(() => {
      result.current.setTernaryDarkMode('light')
    })

    expect(result.current.isDarkMode).toBe(false)
    expect(result.current.ternaryDarkMode).toBe('light')
  })

  it('should toggle dark mode', () => {
    const { result } = renderHook(() => useTernaryDarkMode())

    expect(result.current.isDarkMode).toBe(false)
    expect(result.current.ternaryDarkMode).toBe('system')

    act(() => {
      result.current.toggleTernaryDarkMode()
    })

    expect(result.current.isDarkMode).toBe(true)
    expect(result.current.ternaryDarkMode).toBe('dark')

    act(() => {
      result.current.toggleTernaryDarkMode()
    })

    expect(result.current.isDarkMode).toBe(false)
    expect(result.current.ternaryDarkMode).toBe('light')
  })

  it('should accept a custom localStorage key', () => {
    const { result } = renderHook(() =>
      useTernaryDarkMode({ localStorageKey: 'custom-key' }),
    )

    expect(result.current.isDarkMode).toBe(false)
    expect(result.current.ternaryDarkMode).toBe('system')

    act(() => {
      result.current.toggleTernaryDarkMode()
    })

    expect(result.current.isDarkMode).toBe(true)
    expect(result.current.ternaryDarkMode).toBe('dark')
    expect(window.localStorage.getItem('custom-key')).toBe(
      JSON.stringify('dark'),
    )

    act(() => {
      result.current.toggleTernaryDarkMode()
    })

    expect(result.current.isDarkMode).toBe(false)
    expect(result.current.ternaryDarkMode).toBe('light')
    expect(window.localStorage.getItem('custom-key')).toBe(
      JSON.stringify('light'),
    )
  })

  it('should accept a custom default value (dark)', () => {
    const { result } = renderHook(() =>
      useTernaryDarkMode({ defaultValue: 'dark' }),
    )

    expect(result.current.isDarkMode).toBe(true)
    expect(result.current.ternaryDarkMode).toBe('dark')
  })

  it('should accept a custom default value (light)', () => {
    const { result } = renderHook(() =>
      useTernaryDarkMode({ defaultValue: 'light' }),
    )

    expect(result.current.isDarkMode).toBe(false)
    expect(result.current.ternaryDarkMode).toBe('light')
  })
})


================================================
FILE: packages/usehooks-ts/src/useTernaryDarkMode/useTernaryDarkMode.ts
================================================
import type { Dispatch, SetStateAction } from 'react'

import { useLocalStorage } from '../useLocalStorage'
import { useMediaQuery } from '../useMediaQuery'

const COLOR_SCHEME_QUERY = '(prefers-color-scheme: dark)'
const LOCAL_STORAGE_KEY = 'usehooks-ts-ternary-dark-mode'

/** Ternary dark mode options. */
export type TernaryDarkMode = 'system' | 'dark' | 'light'

/** Options for the `useTernaryDarkMode` hook. */
export type TernaryDarkModeOptions = {
  /**
   * The default value for the dark mode.
   * @default 'system'
   */
  defaultValue?: TernaryDarkMode
  /**
   * The key for storing dark mode preference in local storage.
   * @default 'usehooks-ts-ternary-dark-mode'
   */
  localStorageKey?: string
  /**
   * If `true` (default), the hook will initialize reading `localStorage`. In SSR, you should set it to `false`, returning default values initially.
   * @default true
   */
  initializeWithValue?: boolean
}

/** Represents the return type of the `useTernaryDarkMode` hook. */
export type TernaryDarkModeReturn = {
  /** The current state of the dark mode. */
  isDarkMode: boolean
  /** The current state of the dark mode. */
  ternaryDarkMode: TernaryDarkMode
  /** A function to set the dark mode state. */
  setTernaryDarkMode: Dispatch<SetStateAction<TernaryDarkMode>>
  /** A function to toggle the dark mode state. */
  toggleTernaryDarkMode: () => void
}

/**
 * Custom hook that manages ternary (system, dark, light) dark mode with local storage support.
 * @param {?TernaryDarkModeOptions | string} [options] - Options or the local storage key for the hook.
 * @returns {TernaryDarkModeReturn} An object containing the dark mode state and helper functions.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-ternary-dark-mode)
 * @example
 * ```tsx
 * const { isDarkMode, ternaryDarkMode, setTernaryDarkMode, toggleTernaryDarkMode } = useTernaryDarkMode({ defaultValue: 'dark' });
 * // Access and use the dark mode state and provided helper functions.
 * ```
 */
export function useTernaryDarkMode({
  defaultValue = 'system',
  localStorageKey = LOCAL_STORAGE_KEY,
  initializeWithValue = true,
}: TernaryDarkModeOptions = {}): TernaryDarkModeReturn {
  const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY, { initializeWithValue })
  const [mode, setMode] = useLocalStorage(localStorageKey, defaultValue, {
    initializeWithValue,
  })

  const isDarkMode = mode === 'dark' || (mode === 'system' && isDarkOS)

  const toggleTernaryDarkMode = () => {
    const modes: TernaryDarkMode[] = ['light', 'system', 'dark']
    setMode((prevMode): TernaryDarkMode => {
      const nextIndex = (modes.indexOf(prevMode) + 1) % modes.length
      return modes[nextIndex]
    })
  }

  return {
    isDarkMode,
    ternaryDarkMode: mode,
    setTernaryDarkMode: setMode,
    toggleTernaryDarkMode,
  }
}


================================================
FILE: packages/usehooks-ts/src/useTimeout/index.ts
================================================
export * from './useTimeout'


================================================
FILE: packages/usehooks-ts/src/useTimeout/useTimeout.demo.tsx
================================================
import { useState } from 'react'

import { useTimeout } from './useTimeout'

export default function Component() {
  const [visible, setVisible] = useState(true)

  const hide = () => {
    setVisible(false)
  }

  useTimeout(hide, 5000)

  return (
    <div>
      <p>
        {visible
          ? "I'm visible for 5000ms"
          : 'You can no longer see this content'}
      </p>
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useTimeout/useTimeout.md
================================================
Very similar to the [`useInterval` ](/react-hook/use-interval) hook, this React hook implements the native [`setTimeout`](https://www.w3schools.com/jsref/met_win_settimeout.asp) function keeping the same interface.

You can enable the timeout by setting `delay` as a `number` or disabling it using `null`.

When the time finishes, the callback function is called.


================================================
FILE: packages/usehooks-ts/src/useTimeout/useTimeout.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { useTimeout } from './useTimeout'

describe('useTimeout()', () => {
  it('should call the callback after 1 min', () => {
    vitest.useFakeTimers()

    const delay = 60000
    const callback = vitest.fn()

    renderHook(() => {
      useTimeout(callback, delay)
    })

    expect(callback).not.toHaveBeenCalled()

    act(() => {
      vitest.advanceTimersByTime(delay)
    })

    expect(callback).toHaveBeenCalledTimes(1)
  })

  it('should not do anything if "delay" is null', () => {
    vitest.useFakeTimers()

    const delay = null
    const callback = vitest.fn()

    renderHook(() => {
      useTimeout(callback, delay)
    })

    expect(callback).not.toHaveBeenCalled()

    act(() => {
      vitest.runAllTimers()
    })

    expect(callback).not.toHaveBeenCalled()
  })
})


================================================
FILE: packages/usehooks-ts/src/useTimeout/useTimeout.ts
================================================
import { useEffect, useRef } from 'react'

import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect'

/**
 * Custom hook that handles timeouts in React components using the [`setTimeout API`](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout).
 * @param {() => void} callback - The function to be executed when the timeout elapses.
 * @param {number | null} delay - The duration (in milliseconds) for the timeout. Set to `null` to clear the timeout.
 * @returns {void} This hook does not return anything.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-timeout)
 * @example
 * ```tsx
 * // Usage of useTimeout hook
 * useTimeout(() => {
 *   // Code to be executed after the specified delay
 * }, 1000); // Set a timeout of 1000 milliseconds (1 second)
 * ```
 */
export function useTimeout(callback: () => void, delay: number | null): void {
  const savedCallback = useRef(callback)

  // Remember the latest callback if it changes.
  useIsomorphicLayoutEffect(() => {
    savedCallback.current = callback
  }, [callback])

  // Set up the timeout.
  useEffect(() => {
    // Don't schedule if no delay is specified.
    // Note: 0 is a valid value for delay.
    if (!delay && delay !== 0) {
      return
    }

    const id = setTimeout(() => {
      savedCallback.current()
    }, delay)

    return () => {
      clearTimeout(id)
    }
  }, [delay])
}


================================================
FILE: packages/usehooks-ts/src/useToggle/index.ts
================================================
export * from './useToggle'


================================================
FILE: packages/usehooks-ts/src/useToggle/useToggle.demo.tsx
================================================
import { useToggle } from './useToggle'

export default function Component() {
  const [value, toggle, setValue] = useToggle()

  // Just an example to use "setValue"
  const customToggle = () => {
    setValue((x: boolean) => !x)
  }

  return (
    <>
      <p>
        Value is <code>{value.toString()}</code>
      </p>
      <button
        onClick={() => {
          setValue(true)
        }}
      >
        set true
      </button>
      <button
        onClick={() => {
          setValue(false)
        }}
      >
        set false
      </button>
      <button onClick={toggle}>toggle</button>
      <button onClick={customToggle}>custom toggle</button>
    </>
  )
}


================================================
FILE: packages/usehooks-ts/src/useToggle/useToggle.md
================================================
A simple abstraction to play with a boolean, don't repeat yourself.

Related hooks:

- [`useBoolean()`](/react-hook/use-boolean)


================================================
FILE: packages/usehooks-ts/src/useToggle/useToggle.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { useToggle } from './useToggle'

describe('use toggle()', () => {
  it('should use toggle be ok', () => {
    const { result } = renderHook(() => useToggle())
    const [value, toggle, setValue] = result.current

    expect(value).toBe(false)
    expect(typeof toggle).toBe('function')
    expect(typeof setValue).toBe('function')
  })

  it('should default value works', () => {
    const { result } = renderHook(() => useToggle(true))
    const [value] = result.current

    expect(value).toBe(true)
  })

  it('setValue should mutate the value', () => {
    const { result } = renderHook(() => useToggle())
    const [, , setValue] = result.current

    expect(result.current[0]).toBe(false)

    act(() => {
      setValue(true)
    })

    expect(result.current[0]).toBe(true)

    act(() => {
      setValue(prev => !prev)
    })

    expect(result.current[0]).toBe(false)
  })

  it('toggle should mutate the value', () => {
    const { result } = renderHook(() => useToggle())
    const [, toggle] = result.current

    expect(result.current[0]).toBe(false)

    act(() => {
      toggle()
    })

    expect(result.current[0]).toBe(true)

    act(() => {
      toggle()
    })

    expect(result.current[0]).toBe(false)
  })
})


================================================
FILE: packages/usehooks-ts/src/useToggle/useToggle.ts
================================================
import { useCallback, useState } from 'react'

import type { Dispatch, SetStateAction } from 'react'

/**
 * Custom hook that manages a boolean toggle state in React components.
 * @param {boolean} [defaultValue] - The initial value for the toggle state.
 * @returns {[boolean, () => void, Dispatch<SetStateAction<boolean>>]} A tuple containing the current state,
 * a function to toggle the state, and a function to set the state explicitly.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-toggle)
 * @example
 * ```tsx
 * const [isToggled, toggle, setToggle] = useToggle(); // Initial value is false
 * // OR
 * const [isToggled, toggle, setToggle] = useToggle(true); // Initial value is true
 * // Use isToggled in your component, toggle to switch the state, setToggle to set the state explicitly.
 * ```
 */
export function useToggle(
  defaultValue?: boolean,
): [boolean, () => void, Dispatch<SetStateAction<boolean>>] {
  const [value, setValue] = useState(!!defaultValue)

  const toggle = useCallback(() => {
    setValue(x => !x)
  }, [])

  return [value, toggle, setValue]
}


================================================
FILE: packages/usehooks-ts/src/useUnmount/index.ts
================================================
export * from './useUnmount'


================================================
FILE: packages/usehooks-ts/src/useUnmount/useUnmount.demo.tsx
================================================
import { useUnmount } from './useUnmount'

export default function Component() {
  useUnmount(() => {
    // Cleanup logic here
  })

  return <div>Hello world</div>
}


================================================
FILE: packages/usehooks-ts/src/useUnmount/useUnmount.md
================================================
Hook that runs a cleanup function when the component is unmounted.

### Parameters

- `func`: The cleanup function to be executed on unmount.


================================================
FILE: packages/usehooks-ts/src/useUnmount/useUnmount.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { useUnmount } from './useUnmount'

describe('useUnmount()', () => {
  it('should call the cleanup function on unmount', () => {
    const cleanupMock = vitest.fn()

    const { unmount } = renderHook(() => {
      useUnmount(cleanupMock)
    })

    expect(cleanupMock).not.toHaveBeenCalled()

    act(() => {
      unmount()
    })

    expect(cleanupMock).toHaveBeenCalled()
  })
})


================================================
FILE: packages/usehooks-ts/src/useUnmount/useUnmount.ts
================================================
import { useEffect, useRef } from 'react'

/**
 * Custom hook that runs a cleanup function when the component is unmounted.
 * @param {() => void} func - The cleanup function to be executed on unmount.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-unmount)
 * @example
 * ```tsx
 * useUnmount(() => {
 *   // Cleanup logic here
 * });
 * ```
 */
export function useUnmount(func: () => void) {
  const funcRef = useRef(func)

  funcRef.current = func

  useEffect(
    () => () => {
      funcRef.current()
    },
    [],
  )
}


================================================
FILE: packages/usehooks-ts/src/useWindowSize/index.ts
================================================
export * from './useWindowSize'


================================================
FILE: packages/usehooks-ts/src/useWindowSize/useWindowSize.demo.tsx
================================================
import { useWindowSize } from './useWindowSize'

export default function Component() {
  const { width = 0, height = 0 } = useWindowSize()

  return (
    <div>
      The current window dimensions are:{' '}
      <code>{JSON.stringify({ width, height })}</code>
    </div>
  )
}


================================================
FILE: packages/usehooks-ts/src/useWindowSize/useWindowSize.md
================================================
Easily retrieve window dimensions with this React Hook which also works onResize.

### Parameters

- `initializeWithValue?: boolean`: If you use this hook in an SSR context, set it to `false` (default `true`)
- `debounceDelay?: number`: The delay in milliseconds before the callback is invoked (disabled by default for retro-compatibility).


================================================
FILE: packages/usehooks-ts/src/useWindowSize/useWindowSize.test.ts
================================================
import { act, renderHook } from '@testing-library/react'

import { useWindowSize } from './useWindowSize'

const windowResize = (dimension: 'width' | 'height', value: number): void => {
  if (dimension === 'width') {
    window.innerWidth = value
  }

  if (dimension === 'height') {
    window.innerHeight = value
  }

  window.dispatchEvent(new Event('resize'))
}

describe('useWindowSize()', () => {
  beforeEach(() => {
    vi.clearAllMocks()
    vi.useFakeTimers() // Mock timers

    // Set the initial window size
    windowResize('width', 1920)
    windowResize('height', 1080)
  })

  it('should initialize', () => {
    const { result } = renderHook(() => useWindowSize())
    const { height, width } = result.current
    expect(typeof height).toBe('number')
    expect(typeof width).toBe('number')
    expect(result.current.width).toBe(1920)
    expect(result.current.height).toBe(1080)
  })

  it('should return the corresponding height', () => {
    const { result } = renderHook(() => useWindowSize())

    act(() => {
      windowResize('height', 420)
    })

    expect(result.current.height).toBe(420)

    act(() => {
      windowResize('height', 2196)
    })

    expect(result.current.height).toBe(2196)
  })

  it('should return the corresponding width', () => {
    const { result } = renderHook(() => useWindowSize())

    act(() => {
      windowResize('width', 420)
    })

    expect(result.current.width).toBe(420)

    act(() => {
      windowResize('width', 2196)
    })

    expect(result.current.width).toBe(2196)
  })

  it('should debounce the callback', () => {
    const { result } = renderHook(() => useWindowSize({ debounceDelay: 100 }))

    expect(result.current.width).toBe(1920)
    expect(result.current.height).toBe(1080)

    act(() => {
      windowResize('width', 2196)
      windowResize('height', 2196)
    })

    // Don't changed yet
    expect(result.current.width).toBe(1920)
    expect(result.current.height).toBe(1080)

    act(() => {
      vi.advanceTimersByTime(200)
    })

    expect(result.current.width).toBe(2196)
    expect(result.current.height).toBe(2196)
  })
})


================================================
FILE: packages/usehooks-ts/src/useWindowSize/useWindowSize.ts
================================================
import { useState } from 'react'

import { useDebounceCallback } from '../useDebounceCallback'
import { useEventListener } from '../useEventListener'
import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect'

/**
 * Represent the dimension of the window.
 * @template T - The type of the dimension (number or undefined).
 */
type WindowSize<T extends number | undefined = number | undefined> = {
  /** The width of the window. */
  width: T
  /** The height of the window. */
  height: T
}

/**
 * Hook options.
 * @template InitializeWithValue - If `true` (default), the hook will initialize reading the window size. In SSR, you should set it to `false`, returning `undefined` initially.
 */
type UseWindowSizeOptions<InitializeWithValue extends boolean | undefined> = {
  /**
   * If `true` (default), the hook will initialize reading the window size. In SSR, you should set it to `false`, returning `undefined` initially.
   * @default true
   */
  initializeWithValue: InitializeWithValue
  /**
   * The delay in milliseconds before the state is updated (disabled by default for retro-compatibility).
   * @default undefined
   */
  debounceDelay?: number
}

const IS_SERVER = typeof window === 'undefined'

// SSR version of useWindowSize.
export function useWindowSize(options: UseWindowSizeOptions<false>): WindowSize
// CSR version of useWindowSize.
export function useWindowSize(
  options?: Partial<UseWindowSizeOptions<true>>,
): WindowSize<number>
/**
 * Custom hook that tracks the size of the window.
 * @param {?UseWindowSizeOptions} [options] - The options for customizing the behavior of the hook (optional).
 * @returns {object} An object containing the width and height of the window.
 * @public
 * @see [Documentation](https://usehooks-ts.com/react-hook/use-window-size)
 * @example
 * ```tsx
 * const { width = 0, height = 0 } = useWindowSize();
 * console.log(`Window size: ${width} x ${height}`);
 * ```
 */
export function useWindowSize(
  options: Partial<UseWindowSizeOptions<boolean>> = {},
): WindowSize | WindowSize<number> {
  let { initializeWithValue = true } = options
  if (IS_SERVER) {
    initializeWithValue = false
  }

  const [windowSize, setWindowSize] = useState<WindowSize>(() => {
    if (initializeWithValue) {
      return {
        width: window.innerWidth,
        height: window.innerHeight,
      }
    }
    return {
      width: undefined,
      height: undefined,
    }
  })

  const debouncedSetWindowSize = useDebounceCallback(
    setWindowSize,
    options.debounceDelay,
  )

  function handleSize() {
    const setSize = options.debounceDelay
      ? debouncedSetWindowSize
      : setWindowSize

    setSize({
      width: window.innerWidth,
      height: window.innerHeight,
    })
  }

  useEventListener('resize', handleSize)

  // Set size at the first client-side load
  useIsomorphicLayoutEffect(() => {
    handleSize()
  }, [])

  return windowSize
}


================================================
FILE: packages/usehooks-ts/tests/mocks.ts
================================================
/**
 * Mocks the matchMedia API
 * @param {boolean} matches - True for dark, false for light
 * @example
 * mockMatchMedia(false)
 */
export const mockMatchMedia = (matches: boolean): void => {
  Object.defineProperty(window, 'matchMedia', {
    writable: true,
    value: vitest.fn().mockImplementation(query => ({
      matches,
      media: query,
      onchange: null,
      addEventListener: vitest.fn(),
      removeEventListener: vitest.fn(),
      dispatchEvent: vitest.fn(),
    })),
  })
}

/**
 * Mocks the Storage API
 * @param {'localStorage' | 'sessionStorage'} name - The name of the storage to mock
 * @example
 * mockStorage('localStorage')
 * // Then use window.localStorage as usual (it will be mocked)
 */
export const mockStorage = (name: 'localStorage' | 'sessionStorage'): void => {
  class StorageMock implements Omit<Storage, 'key' | 'length'> {
    store: Record<string, string> = {}

    clear() {
      this.store = {}
    }

    getItem(key: string) {
      return this.store[key] || null
    }

    setItem(key: string, value: unknown) {
      this.store[key] = value + ''
    }

    removeItem(key: string) {
      delete this.store[key]
    }
  }

  Object.defineProperty(window, name, {
    value: new StorageMock(),
  })
}


================================================
FILE: packages/usehooks-ts/tests/setup.ts
================================================
import * as matchers from '@testing-library/jest-dom/matchers'
import { cleanup } from '@testing-library/react'
import { afterEach, expect } from 'vitest'

expect.extend(matchers)

afterEach(() => {
  cleanup()
})


================================================
FILE: packages/usehooks-ts/tsconfig.json
================================================
{
  "compilerOptions": {
    "baseUrl": ".",
    "declaration": true,
    "pretty": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "jsx": "react-jsx",
    "strict": true,
    "lib": ["ESNEXT", "DOM", "DOM.Iterable"],
    // use global types for vite's expect, describe, etc.
    "types": ["vitest/globals"],
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "module": "ESNext",
    "moduleResolution": "Bundler"
  },
  "exclude": ["node_modules", "dist"]
}


================================================
FILE: packages/usehooks-ts/tsup.config.ts
================================================
import { defineConfig } from 'tsup'

export default defineConfig({
  entry: ['src/index.ts'],
  dts: true,
  outDir: 'dist',
  clean: true,
  format: ['cjs', 'esm'],
  treeshake: true,
  splitting: false,
  cjsInterop: true,
})


================================================
FILE: packages/usehooks-ts/vitest.config.ts
================================================
import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    globals: true,
    environment: 'jsdom',
    setupFiles: './tests/setup.ts',
  },
})


================================================
FILE: pnpm-workspace.yaml
================================================
packages:
  - 'apps/*'
  - 'packages/*'


================================================
FILE: renovate.json
================================================
{
  "extends": [
    "config:base",
    "schedule:monthly",
    ":preserveSemverRanges",
    "npm:unpublishSafe",
    "workarounds:typesNodeVersioning",
    "group:allNonMajor",
    "helpers:disableTypesNodeMajor"
  ],
  "updateInternalDeps": true
}


================================================
FILE: scripts/env.js
================================================
import 'dotenv/config'
import { createEnv } from '@t3-oss/env-core'
import { z } from 'zod'

export const env = createEnv({
  server: {
    ALGOLIA_APP_ID: z.string(),
    ALGOLIA_ADMIN_KEY: z.string(),
  },
  runtimeEnv: process.env,
})

const s = env


================================================
FILE: scripts/generate-doc.js
================================================
import { path, fs } from 'zx'

import { getHooks } from './utils/get-hooks.js'
import { generateDocFiles } from './utils/generate-doc-files.js'
import { updateReadme } from './utils/update-readme.js'

const generatedDir = path.resolve('./generated')

// Clean the generated directory
await $`rimraf ${generatedDir}/docs`
await $`rimraf ${generatedDir}/typedoc`

// Generate base from JSDoc comments using typedoc
await $`typedoc`

// Read hook list from the `generated/typedoc/all.json` file
const hooks = getHooks()

// Create the markdown files
fs.mkdirSync(path.join(generatedDir, 'docs'))
fs.mkdirSync(path.join(generatedDir, 'docs', 'hooks'))

for (const hook of hooks) {
  generateDocFiles(hook)
}

// Create the JSON file
fs.writeFileSync(
  path.join(generatedDir, 'docs', 'hooks.json'),
  JSON.stringify(hooks, null, 2),
)

// Update the README file
updateReadme(hooks)

// Format with Prettier
await $`pnpm format --log-level error`


================================================
FILE: scripts/update-algolia-index.js
================================================
import { getHooks } from './utils/get-hooks.js'

import algoliasearch from 'algoliasearch'
import { env } from './env.js'

// Prepare the algolia records from the hooks
const records = getHooks().map(({ name, slug, summary }) => ({
  objectID: slug,
  name,
  summary,
}))

// Connect and authenticate with your Algolia app
const client = algoliasearch(env.ALGOLIA_APP_ID, env.ALGOLIA_ADMIN_KEY)

// Create a new index
const index = client.initIndex('hooks')

// Set the index settings
index.setSettings({
  camelCaseAttributes: ['name'],
  searchableAttributes: ['name', 'objectID', 'summary'],
  hitsPerPage: 1000,
})

// Add or update the records
index
  .saveObjects(records)
  .then(({ objectIDs }) => {
    console.log({ count: objectIDs.length, objectIDs })
  })
  .catch(err => {
    console.error(err)
    process.exit(1)
  })

// Include removed hooks
const removedHooks = [
  { objectID: 'use-debounce', name: 'useDebounce' },
  { objectID: 'use-fetch', name: 'useFetch' },
  { objectID: 'use-element-size', name: 'useElementSize' },
  { objectID: 'use-locked-body', name: 'useLockedBody' },
  { objectID: 'use-is-first-render', name: 'useIsFirstRender' },
  { objectID: 'use-ssr', name: 'useSsr' },
  { objectID: 'use-effect-once', name: 'useEffectOnce' },
  { objectID: 'use-update-effect', name: 'useUpdateEffect' },
  { objectID: 'use-image-on-load', name: 'useImageOnLoad' },
]

const removedIndex = client.initIndex('removed-hooks')

removedIndex.setSettings({
  camelCaseAttributes: ['name'],
  searchableAttributes: ['name', 'objectID'],
  hitsPerPage: 1000,
})

removedIndex
  .saveObjects(removedHooks)
  .then(({ objectIDs }) => {
    console.log({ count: objectIDs.length, objectIDs })
  })
  .catch(err => {
    console.error(err)
    process.exit(1)
  })


================================================
FILE: scripts/update-testing-issue.js
================================================
import { path, fs, $ } from 'zx'

import { getHooks } from './utils/get-hooks.js'

const SOURCE_DIR = path.resolve('./packages/usehooks-ts/src')
const GITHUB_REPO = `juliencrn/usehooks-ts`
const GITHUB_ISSUE_PATH = `${GITHUB_REPO}/issues/423`
const EXCLUDED_HOOK = ['useIsomorphicLayoutEffect']

// Read hook list from the `generated/typedoc/all.json` file
const hooks = getHooks()
  // Filter excluded hooks
  .filter(hook => !EXCLUDED_HOOK.includes(hook.name))
  // For each hook, check if there is a test file
  .map(hook => {
    const files = fs.readdirSync(path.resolve(SOURCE_DIR, hook.name))
    return { ...hook, hasTest: files.some(isTestFile) }
  })
  // Generate the markdown lines
  .map(hook => {
    const url = `https://github.com/${GITHUB_REPO}/tree/master/packages/usehooks-ts/src/${hook.name}`
    return {
      ...hook,
      markdown: `- [${hook.hasTest ? 'x' : ' '}] [\`${hook.name}\`](${url})`,
    }
  })

// Compute the state of the issue
const url = `https://github.com/${GITHUB_ISSUE_PATH}`
const testedCount = hooks.filter(({ hasTest }) => hasTest).length
const state = hooks.length === testedCount ? 'closed' : 'open'
const body = hooks.map(({ markdown }) => markdown).join('\n')

// Update the github testing issue
await $`gh api \
--method PATCH \
-H "Accept: application/vnd.github+json" \
-H "X-GitHub-Api-Version: 2022-11-28" \
/repos/${GITHUB_ISSUE_PATH} \
-f body=${issueTemplate(body)} \
-f state=${state}
`

console.log(`\n\n✅ Issue successfully updated! -> ${url}`)

// Utils

function isTestFile(filename) {
  return /^use[A-Z][a-zA-Z]*.test.tsx?$/.test(filename)
}

function issueTemplate(body) {
  return `## Overview

This GitHub issue serves as a central hub for the unit-testing journey of our React hook library. Our goal is to ensure robust and reliable testing for each individual hook in the library.

## Objectives

1. **Comprehensive Testing**: Write unit tests for each hook to ensure thorough coverage of functionality.
2. **Consistent Test Structure**: Maintain a consistent structure/format for unit tests across all hooks.
3. **Documentation**: Document the purpose and usage of each test to enhance overall project understanding.

## Getting Started

1. Fork the repository to your account.
2. Create a new branch for your tests: git checkout -b feature/hook-name-tests.
3. Write tests for the specific hook in \`packages/usehooks-ts/src/useExample/useExample.test.ts\`.
4. Ensure all tests pass before submitting a pull request.

## Hooks to Test

${body}

Let's ensure our hooks are well-tested and reliable!`
}


================================================
FILE: scripts/utils/data-transform.js
================================================
/**
 * Transform this:
 *
 * import { useBoolean } from '../useBoolean'
 * import { useCounter } from '../useCounter'
 * import { useInterval } from '../useInterval'
 *
 * Or this:
 *
 * import { useBoolean } from './useBoolean'
 *
 * Into this:
 *
 * import { useBoolean, useCounter, useInterval } from 'usehooks-ts'
 */
export function transformImports(data) {
  // const importRegex = /import { ([^}]+) } from ['"]\.\.\/use([^'"]+)['"]/g
  const importRegex = /import { ([^}]+) } from ['"]\.\.?(\/[^'"]+)['"]/g

  const imports = Array.from(data.matchAll(importRegex)).map(match => ({
    importName: match[1],
    startIndex: match.index,
    endIndex: match.index + match[0].length,
  }))

  // If there are imports to transform
  if (imports.length > 0) {
    // Concatenate import names and create the new import statement
    const importNames = imports.map(({ importName }) => importName).join(', ')
    const newImportStatement = `import { ${importNames} } from 'usehooks-ts'`

    // Replace existing import statements with the new one
    if (data.indexOf(imports[0].importName) !== -1) {
      const startIndex = imports[0].startIndex
      const endIndex = imports[imports.length - 1].endIndex

      data = `${data.slice(0, startIndex)}${newImportStatement}${data.slice(endIndex)}`
    }
  }

  return data
}

/**
 * Remove JSDoc comments from a string
 * @param {string} data - The string to remove JSDoc comments from
 * @returns {string} - The string without JSDoc comments
 */
export function removeJSDocComments(data) {
  const inlineJsdocRegex = /\/\*\*\s*([\s\S]*?)\*\/\n?/g
  const multiLineJsdocRegex = /\/\*\*\s*\n([^\*]|(\*(?!\/)))*\*\/\n?/g
  return data.replace(inlineJsdocRegex, '').replace(multiLineJsdocRegex, '')
}

/**
 * Remove the first line from a string
 * @param {string} data - The string to remove the first line from
 * @returns {string} - The string without the first line
 */
export function removeFirstLine(data) {
  return data.split('\n').slice(1).join('\n')
}

/**
 * Remove "Defined in" section from a string
 * @param {string} data - The string to remove the "Defined in" sections from
 * @returns {string} - The string without the "Defined in" sections
 */
export function removeDefinedInSections(data) {
  let lines = data.split('\n')
  const occurrences = lines.filter(line => line === '#### Defined in').length

  for (let index = 0; index < occurrences; index++) {
    const index = lines.findIndex(line => line === '#### Defined in')
    const before = lines.slice(0, index)
    const after = lines.slice(index + 3)
    lines = [...before, ...after]
  }

  return lines.join('\n')
}

/**
 * Remove ESLint disable comments from a string
 * @param {string} data - The string to remove ESLint disable comments from
 * @returns {string} - The string without ESLint disable comments
 */
export function removeEslintDisableComments(data) {
  return data
    .split('\n')
    .filter(line => !line.startsWith('// eslint-disable-next-line'))
    .join('\n')
}

export function camelToKebabCase(str) {
  return str.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`)
}

export function replaceRelativePaths(data) {
  return data.replace(/\[([^\[]+)\]\((.*?)\)/g, (match, title, link) => {
    const sanitizedLink = link.trim()

    if (sanitizedLink.startsWith('http')) {
      return match
    }

    const filename = sanitizedLink.replace('../types/', '').replace('.md', '')
    const hookName = filename.split('_')[0]
    const typeName = filename.split('.').at(-1)
    const newLink = `/react-hook/${camelToKebabCase(hookName)}#${typeName}`

    return `[${title}](${newLink})`
  })
}


================================================
FILE: scripts/utils/generate-doc-files.js
================================================
import { fs, path } from 'zx'
import {
  removeDefinedInSections,
  removeEslintDisableComments,
  removeFirstLine,
  removeJSDocComments,
  transformImports,
  replaceRelativePaths,
} from './data-transform.js'
import {
  getCodeData,
  getDemoData,
  getHookDocData,
  getTypeAliasesData,
} from './get-markdown-data.js'

export function generateDocFiles(hook) {
  const [hookDoc] = getHookDocData(hook)
    .map(removeFirstLine)
    .map(removeDefinedInSections)
    .map(replaceRelativePaths)
  // .map(data => data.trim())

  const typeAliases = getTypeAliasesData(hook)
    .map(removeFirstLine)
    .map(removeDefinedInSections)
    .map(replaceRelativePaths)

  const [demo] = getDemoData(hook)
    .map(removeJSDocComments)
    .map(removeEslintDisableComments)
    .map(transformImports)

  const [code] = getCodeData(hook)
    .map(removeJSDocComments)
    .map(removeEslintDisableComments)
    .map(transformImports)
    .map(data => data.trim())

  const hookHighlightIndexes = demo
    .split('\n')
    .map((line, index) => {
      if (line.startsWith('import')) return null
      if (!line.includes(hook.name)) return null
      return index + 1
    })
    .filter(Boolean)

  // Template
  const data = `---
name: ${hook.name}
slug: ${hook.slug}
path: /react-hook/${hook.slug}
summary: ${hook.summary}
---

${hook.summary}

## Usage

\`\`\`tsx showLineNumbers {${hookHighlightIndexes.join(',')}}
${demo.trim()}
\`\`\`

## API

${hookDoc}

${typeAliases.length > 0 ? '### Type aliases\n\n' + typeAliases.join('\n') + '\n' : ''}

## Hook

\`\`\`ts showLineNumbers
${code}
\`\`\`
`

  // Write the file
  const file = path.resolve(`./generated/docs/hooks/${hook.slug}.md`)
  const writeStream = fs.createWriteStream(file)
  writeStream.write(data)
  writeStream.end()
}


================================================
FILE: scripts/utils/get-hooks.js
================================================
import { path, fs } from 'zx'
import { camelToKebabCase } from './data-transform.js'

export function getHooks() {
  const jsonFilePath = path.resolve('./generated/typedoc/all.json')
  const jsonFile = fs.readFileSync(jsonFilePath, 'utf-8')
  if (!jsonFile) {
    throw new Error(
      `Could not read ${jsonFilePath} file. Please run the typedoc command first.`,
    )
  }
  return JSON.parse(jsonFile).children.map(child => {
    const name = child.name.split('/')[0]
    const slug = camelToKebabCase(name)
    const funcGroup = child.groups?.find(g => g.title === 'Functions')
    const typesGroup = child.groups?.filter(g => g.title === 'Type Aliases')
    const hookFunc = child.children?.find(c => c.id === funcGroup.children[0])
    const types = typesGroup?.length ? typesGroup[0].children || [] : []
    const summary = (hookFunc.signatures[0].comment?.summary || [])
      .map(s => s.text || '')
      .join('')

    // .reduce(
    //   (acc, item) => {
    //     if (item.text) {
    //       acc += item.text
    //     }
    //     return acc
    //   },
    //   '',
    // )

    return {
      id: child.id,
      name,
      slug,
      path: `/react-hook/${slug}`,
      summary,
      flags: hookFunc.flags,
      links: {
        doc: `https://usehooks-ts.com/react-hook/${slug}`,
        github: hookFunc.sources[0].url,
      },
      types: types.map(id => {
        const item = child.children.find(c => c.id === id)
        return {
          id: item.id,
          name: item.name,
          summary: item.comment?.summary[0].text,
        }
      }),
    }
  })
}


================================================
FILE: scripts/utils/get-markdown-data.js
================================================
import { path, fs } from 'zx'

const typedocDir = path.resolve('./generated/typedoc')
const hooksSrcDir = path.resolve('./packages/usehooks-ts/src')

export function getHookDocData(hook) {
  const filename = `${hook.name}_${hook.name}.${hook.name}.md`
  const pathname = path.join(typedocDir, 'functions', filename)
  return getFile(pathname, 'documentation')
}

export function getTypeAliasesData(hook) {
  return (
    hook.types.map(t => {
      const filename = `${hook.name}_${hook.name}.${t.name}.md`
      const pathname = path.join(typedocDir, 'types', filename)
      const [file] = getFile(pathname, 'type aliases')
      return file
    }) || []
  )
}

export function getCodeData(hook) {
  const pathname = path.join(hooksSrcDir, `${hook.name}`, `${hook.name}.ts`)
  return getFile(pathname, 'code')
}

export function getDemoData(hook) {
  const filename = `${hook.name}.demo.tsx`
  const pathname = path.join(hooksSrcDir, `${hook.name}`, filename)
  return getFile(pathname, 'demo')
}

// Utils

function getFile(filename, type) {
  const file = fs.readFileSync(filename, 'utf-8')

  if (!file && ['code', 'demo', 'docs'].includes(type)) {
    const name = filename.split('/').slice(-1)[0]
    throw new Error(`No ${type} found for ${name}`)
  }

  return [file]
}


================================================
FILE: scripts/utils/update-readme.js
================================================
import { path, fs } from 'zx'

const readmeFile = path.resolve('./README.md')
const readmeUseHook = path.resolve('./packages/usehooks-ts/README.md')

export function updateReadme(hooks) {
  const data = fs
    .readFileSync(readmeFile, 'utf-8')
    .replace(
      /<!-- HOOKS:START -->(.*)<!-- HOOKS:END -->/gms,
      `<!-- HOOKS:START -->\n\n${hooks.map(formatHook).join('\n')}\n<!-- HOOKS:END -->`,
    )

  fs.writeFileSync(readmeFile, data, 'utf-8')
  fs.writeFileSync(readmeUseHook, data, 'utf-8')
}

// Utils

function formatHook(hook) {
  const trimmedSummary = hook.summary
    .replace(/^Custom hook that /, '')
    .replace(/`/g, '')
  return `- [\`${hook.name}\`](${hook.links.doc}) — ${trimmedSummary}`
}


================================================
FILE: turbo/generators/config.cts
================================================
import type { PlopTypes } from '@turbo/gen'
import { format } from 'date-fns'
import path from 'path'

export default function generator(plop: PlopTypes.NodePlopAPI): void {
  const usehooksSrcPath = path.resolve('packages/usehooks-ts/src')
  plop.setGenerator('hook', {
    description: 'Create a post',
    prompts: [
      {
        type: 'input',
        name: 'name',
        message: 'post name please (eg: "use test")',
      },
    ],
    actions: [
      // Create the hook file itself
      {
        type: 'add',
        path: usehooksSrcPath + '/{{camelCase name}}/{{camelCase name}}.ts',
        templateFile: 'templates/hook/hook.ts.hbs',
      },

      // Create the test file
      {
        type: 'add',
        path: usehooksSrcPath + '/{{camelCase name}}/{{camelCase name}}.test.ts',
        templateFile: 'templates/hook/hook.test.ts.hbs',
      },

      // Create the markdown file to present the hook (doc)
      {
        data: {
          date: format(new Date(), 'yyyy-MM-dd'),
        },
        type: 'add',
        path: usehooksSrcPath + '/{{camelCase name}}/{{camelCase name}}.md',
        templateFile: 'templates/hook/hook.mdx.hbs',
      },

      // Create the demo react component file
      {
        type: 'add',
        path: usehooksSrcPath + '/{{camelCase name}}/{{camelCase name}}.demo.tsx',
        templateFile: 'templates/hook/hook.demo.tsx.hbs',
      },

      // Create the hook's index file
      {
        type: 'add',
        path: usehooksSrcPath + '/{{camelCase name}}/index.ts',
        templateFile: 'templates/hook/index.ts.hbs',
      },

      // Update the global hooks index file
      {
        type: 'append',
        path: usehooksSrcPath + '/index.ts',
        templateFile: 'templates/index.ts.hbs',
      },
    ],
  })
}


================================================
FILE: turbo/generators/templates/hook/hook.demo.tsx.hbs
================================================
import { {{camelCase name}} } from './{{camelCase name}}'

export default function Component() {
const [two] = {{camelCase name}}()

return <div>Hello {two}</div>
}


================================================
FILE: turbo/generators/templates/hook/hook.mdx.hbs
================================================
This hook description markdown text.


================================================
FILE: turbo/generators/templates/hook/hook.test.ts.hbs
================================================
import { renderHook } from '@testing-library/react'

import { {{camelCase name}} } from './{{camelCase name}}'

describe('{{camelCase name}}()', () => {
  it('should {{name}} be ok', () => {
    const { result } = renderHook(() => {{camelCase name}}())
    const [value, setNumber] = result.current

    expect(value).toBe(2)
    expect(typeof setNumber).toBe('function')
  })
})



================================================
FILE: turbo/generators/templates/hook/hook.ts.hbs
================================================
import { useState } from 'react'

import type { Dispatch, SetStateAction } from 'react'

/** Hook return type */
type {{pascalCase name}}ReturnType = {
  /** The value of ... */
  value: number
  /** A method to update the value of ... */
  setValue: Dispatch<SetStateAction<number>>
}

/**
 * Custom hook that ...
 * @param {boolean} [defaultValue] - The initial value for ... (default is `0`).
 * @returns {[number, Dispatch<SetStateAction<number>>]} A tuple containing ...
 * @see [Documentation](https://usehooks-ts.com/react-hook/{{kebabCase name}})
 * @public
 * @example
 * ```tsx
 * const { value, setValue } = {{camelCase name}}(2);
 *
 * console.log(value); // 2
 * ```
 */
export function {{camelCase name}}(
  defaultValue?: number,
): {{pascalCase name}}ReturnType {
  const [value, setValue] = useState(defaultValue || 0)

  return { value, setValue }
}


================================================
FILE: turbo/generators/templates/hook/index.ts.hbs
================================================
export * from './{{camelCase name}}'


================================================
FILE: turbo/generators/templates/index.ts.hbs
================================================
export * from './{{camelCase name}}'


================================================
FILE: turbo.json
================================================
{
  "$schema": "https://turbo.build/schema.json",
  "pipeline": {
    "build": {
      "dependsOn": ["^build"],
      "outputs": ["dist", ".next/**", "!.next/cache/**"],
      "cache": false
    },
    "lint": {
      "outputs": [],
      "cache": false
    },
    "test": {
      "outputs": [],
      "cache": false
    },
    "dev": {
      "dependsOn": ["^build"],
      "outputs": [],
      "cache": false
    },
    "clean": {
      "outputs": [],
      "cache": false
    },
    "generate-doc": {
      "dependsOn": ["usehooks#build"],
      "outputs": ["generated/**", "README.md", "packages/usehooks-ts/README.md"]
    }
  },
  "globalDependencies": ["tsconfig.json"]
}


================================================
FILE: typedoc.json
================================================
{
  "$schema": "https://typedoc.org/schema.json",

  // Essentials
  "name": "usehooks-ts",
  "tsconfig": "packages/usehooks-ts/tsconfig.json",
  "jsDocCompatibility": true,
  "entryPoints": ["packages/usehooks-ts/src/**/*.ts"],
  "entryPointStrategy": "resolve",
  "json": "./generated/typedoc/all.json",
  "out": "./generated/typedoc",
  "readme": "none",

  // Exclude
  "exclude": [
    "packages/usehooks-ts/src/**/demo.*",
    "packages/usehooks-ts/src/**/test.*",
    "packages/usehooks-ts/src/**/index.ts"
  ],
  "externalPattern": ["**/node_modules/**"],
  "excludeExternals": true,
  "excludePrivate": true,
  "excludeProtected": true,
  "excludeInternal": true,
  "excludeNotDocumented": true,
  "excludeReferences": true,
  "excludeTags": [
    "@override",
    "@virtual",
    "@privateRemarks",
    "@satisfies",
    "@overload",
    "@example",
    "@see"
  ],

  // Plugins
  "plugin": [
    "typedoc-plugin-mdn-links",
    "typedoc-plugin-markdown",
    "typedoc-plugin-missing-exports"
  ],

  // Validation
  "validation": {
    "notExported": true,
    "invalidLink": true,
    "notDocumented": false
  },
  // Emit warnings for any tags not listed here
  "blockTags": ["@param", "@returns", "@see", "@example", "@template"],

  // Markdown and styles
  "allReflectionsHaveOwnDocument": true,
  "hidePageTitle": true,
  "hideInPageTOC": true,
  "hideGenerator": true,
  "hideBreadcrumbs": true,
  "hideParameterTypesInTitle": true,
  "navigation": {
    "includeCategories": false,
    "includeGroups": false,
    "includeFolders": false
  },
  "sort": ["alphabetical"],
  "preserveLinkText": true,
  "placeInternalsInOwningModule": true
}