Hooks

useAutosave

Publisher

cermuel

50 hooks published

More from this publisher

useAutosave

Save modified data after activity settles.

useAutosave.tsx
import { useState } from "react";import { useAutosave } from "@cermuel/hooks/react";export function useAutosaveExample() {  const [draft, setDraft] = useState({ title: "" });  const autosave = useAutosave(draft, async () => undefined);  return (    <label>      <input        value={draft.title}        onChange={(event) => setDraft({ title: event.target.value })}      />      {autosave.status}    </label>  );}

Props

Param
Type
Default Value
value
T
save
(value: T) => Promise<void> | void
delay?
number
500

Returns

{ status: AutosaveStatus; error: Error | null; }