message: Simplified props and state
diff: @@ -59,18 +59,11 @@ export interface CellState {
  class Cell extends Component<CellProps, CellState> {
  constructor(props: CellProps) {
  super(props);
  - const { defaultChecked, checked: propsChecked } = this.props;
  - const checked = defaultChecked !== undefined
  - ? defaultChecked
  - : propsChecked !== undefined
  - ? propsChecked
  - : false;
  this.state = {
  isRemoveActivated: false,
  removeOffset: 0,
  dragging: false,
  - checked,
  };
  }
  @@ -110,16 +103,9 @@ class Cell extends Component<CellProps, CellState> {
  }
  componentDidUpdate(_prevProps: CellProps, prevState: CellState) {
  - const { checked: propsChecked, selectable } = this.props;
  -
  if (prevState.isRemoveActivated !== this.state.isRemoveActivated && this.state.isRemoveActivated) {
  this.setState({ removeOffset: this.removeButton.offsetWidth });
  }
  - if (selectable && propsChecked !== undefined) {
  - if (_prevProps.checked !== propsChecked) {
  - this.setState({ checked: propsChecked });
  - }
  - }
  }
  getRemoveRef = (el: HTMLDivElement) => this.removeButton = el;
  @@ -129,17 +115,6 @@ class Cell extends Component<CellProps, CellState> {
  setRef(element, this.props.getRootRef);
  };
  - handleClick = (e: React.MouseEvent<HTMLElement, globalThis.MouseEvent>) => {
  - e.nativeEvent.stopPropagation();
  - e.preventDefault();
  - if (this.props.selectable) {
  - this.setState((prevState)=>({ checked: !prevState.checked }));
  - }
  - if (typeof this.props.onClick === 'function') {
  - this.props.onClick(e);
  - }
  - };
  -
  dragShift: number;
  listEl: HTMLElement;
  siblings: HTMLElement[];
  @@ -228,6 +203,7 @@ class Cell extends Component<CellProps, CellState> {
  draggable,
  selectable,
  Component,
  + onClick,
  name,
  checked,
  defaultChecked,
  @@ -248,7 +224,7 @@ class Cell extends Component<CellProps, CellState> {
  >
  <SimpleCell
  {...restProps}
  - onClick={draggable || removable ? undefined : this.handleClick}
  + onClick={draggable || removable ? undefined : onClick}
  disabled={draggable || removable || disabled}
  Component={selectable ? 'label' : Component}
  before={
  @@ -256,7 +232,7 @@ class Cell extends Component<CellProps, CellState> {
  {platform === IOS && removable && <div className="Cell__remove-marker" onClick={this.onRemoveActivateClick} />}
  {selectable &&
  <Fragment>
  - <input type="checkbox" className="Cell__checkbox" name={name} checked={this.state.checked} />
  + <input type="checkbox" className="Cell__checkbox" name={name} defaultChecked={defaultChecked} checked={checked} />
  <div className="Cell__marker"><Icon16Done /></div>
  </Fragment>
  }
  