Unable to delete Custom column when not focus

[rifqishiddiq]

I tried to implement custom column, but when deleting the column without focus, the data is not deleted. Is there any documentation of such case?

import { useLayoutEffect, useRef } from 'react'
import { Column } from 'react-datasheet-grid'

type TextType = {
  id: string
  disabled?: boolean
}

const TextComponent = (
  ({
    rowData,
    setRowData,
    focus,
    columnData,
  }: any) => {
    const ref = useRef<any>(null)

    useLayoutEffect(() => {
      if (focus) {
        ref.current?.focus()
      } else {
        ref.current?.blur()
      }
    }, [focus])

    return (
      <input
        ref={ref} className="dsg-input dsg-input-align-right" tabIndex={-1} disabled={columnData.disabled}
        onChange={(e:any) => {
          const value = e.target?.value || 0
          setRowData({ ...rowData,
            [columnData.id]: value
          })
        }}
      />
    )
  }
)

export const customTextColumn = (options: TextType): Column<string | null, TextType> => ({
  component: TextComponent,
  columnData: options,
  disableKeys: true,
  keepFocus: true,
  disabled: options.disabled,
  deleteValue: ({rowData}:any) => ({ ...rowData, [options.id]: null }),
  copyValue: ({ rowData }) => rowData,
  pasteValue: ({ value }) => value,
})