El estado de error> Rechazo no controlado (TypeError): no se pueden leer las propiedades de undefined (leyendo 'deshacer') History.undo

por favor, ¿cómo puedo implementar un código para undoDisable y redoDisabled que haría que mi código dejara de ejecutarse una vez que se haya activado el último deshacer / rehacer para que no vuelva a aparecer el error **

a continuación está mi código que maneja la acción de deshacer y rehacer

 const handleUndokey = async (e: KeyboardEvent) => { const zKey = 'z'; if (e.ctrlKey && e.key === zKey) { designer.clearSelectedElements(); await history.undo(); dispatch(updateDesigner(designer)); saveDesigner(); } }; useEffect(() => { document.addEventListener('keydown', handleUndokey); return () => { document.removeEventListener('keydown', handleUndokey); }; }, []); const handleRedoKey = async (e: KeyboardEvent) => { const yKey = 'y'; if (e.ctrlKey && e.key === yKey) { designer.clearSelectedElements(); await history.redo(); dispatch(updateDesigner(designer)); saveDesigner(); } }; useEffect(() => { document.addEventListener('keydown', handleRedoKey); return () => { document.removeEventListener('keydown', handleRedoKey); }; }, []);