example of how to create a type safe partial change function for value comps

partial-change.tsx

export type Filters = {
	channels: string[];
	spam: boolean;
	assignedId: string;
};

export type FiltersProps = ValueCompProps<Filters>;

export class FiltersView extends React.PureComponent<FiltersProps, {}> {
	partialChange = <T extends keyof Filters>(prop: T) => (newVal: Filters[T]) => {
		this.props.onChange({...this.props.value, [prop]: newVal});
	}

	render () {
		const {value} = this.props;
		return (
			<div>
				This works:
				Span: <Checkbox value={value.spam} onChange={this.partialChange('spam')}/>

				this doesn't: it knows channels is not boolean thus not compat with checkbox
				{/* Span: <Checkbox value={value.spam} onChange={this.partialChange('channels')}/> */}
			</div>
		);
	}

}