useTimeout

useTimeout is a custom hook that executes a function after a specified number of milliseconds.

Current state: 1

const [state, setState] = useState<number>(1)

useTimeout(() => setState((prev) => prev + 1), 3000)

return <Text>Current state: {state}</Text>

If you use this code, you need to add "use client" to the top of the file.

Usage

import { useTimeout } from "@yamada-ui/react"

import { useTimeout } from "@/components/ui"

import { useTimeout } from "@workspaces/ui"

const [state, setState] = useState<number>(1)

useTimeout(() => setState((prev) => prev + 1), 3000)