useIsMounted
hookas/use-is-mountedFreeHook
A hook to check if the component is mounted
Install it
npx shadcn@latest add https://hookas.letstri.dev/r/use-is-mounted.jsonSource
1'use client'23import * as React from 'react'45export function useIsMounted() {6 const [isMounted, setIsMounted] = React.useState(false)78 React.useEffect(() => {9 // eslint-disable-next-line react-hooks-extra/no-direct-set-state-in-use-effect10 setIsMounted(true)1112 return () => {13 setIsMounted(false)14 }15 }, [])1617 return isMounted18}
Files it writes
More from hookas
All 30 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| useAsyncEffectuse-async-effect | hookas | Hooks | Free | no deps | |
| useClickOutsideuse-click-outside | hookas | Hooks | Free | no deps | |
| useDebounceCallbackuse-debounced-callback | hookas | Hooks | Free | no deps | |
| useDebounceMemouse-debounced-memo | hookas | Hooks | Free | no deps | |
| useDebounceStateuse-debounced-state | hookas | Hooks | Free | no deps | |
| useElementSizeuse-element-size | hookas | Hooks | Free | no deps | |
| useFullscreenuse-fullscreen | hookas | Hooks | Free | no deps | |
| useIntervaluse-interval | hookas | Hooks | Free | no deps |
