React document editor autosave debounce implementation

Easy

While building a content management system, your team needs to implement a document autosave feature. What's missing from this code to prevent excessive save operations?

ReactReact hookAutosaveUseeffectDebounceCleanup

1function DocumentEditor() {
const [content, setContent] = useState('');
const [status, setStatus] = useState('saved');
const lastSaved = useRef(null);
5
// Missing autosave implementation
const handleSave = async () => {
  try {
    await saveDocument(content);
    lastSaved.current = Date.now();
    setStatus('saved');
  } catch (error) {
    setStatus('error');
  }
};
16
return (
  <div className="editor">
    <textarea
      value={content}
      onChange={(e) => {
        setContent(e.target.value);
        setStatus('unsaved');
        handleSave();
      }}
    />
    <div className="status">
      Status: {status}
      {lastSaved.current &amp;&amp; 
        ` (Last saved: ${new Date(lastSaved.current).toLocaleTimeString()})`
      }
    </div>
  </div>
);
35}

While building a content management system, your team needs to implement a document autosave feature. What's missing from this code to prevent excessive save operations?

Hint