react table v7 with typescript

type EditableCellProps = {
  value: any;
  row: Row;
  column: Column;
  update: (index: number, id: string | undefined, value: any) => void;
};

const EditableCell = ({
  value: initialValue,
  row: { index },
  column: { id },
  update, 
}: EditableCellProps) => {
  const [value, setValue] = React.useState(initialValue);

  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    setValue(e.target.value);
  };

  const onBlur = () => {
    update(index, id, value);
  };

  React.useEffect(() => {
    setValue(initialValue);
  }, [initialValue]);

  return (
    <input
      value={value}
      onChange={(event) => onChange(event)}
      onBlur={onBlur}
    />
  );
};

function Table<T extends object>({
  columns,
  data,
  renderRowSubComponent,
}: TableOptions<T> & {
  renderRowSubComponent: RenderRowSubComponentType;
}) {
  const defaultColumn: Partial<Column<T>> | undefined = useMemo(
    () => ({
      Cell: EditableCell,
    }),
    []
  );
  const {
    getTableProps,
    getTableBodyProps,
    headerGroups,
    rows,
    prepareRow,
    visibleColumns,
  } = useTable(
    {
      columns,
      data,
      defaultColumn, // <<< error
    },
    useExpanded
  );

  return (
    {/* render table... */}
  );
}