There is a HOC for this usecase: connectField:
import { connectField } from 'uniforms';
const ColorField = connectField(({ value, onChange }) => (
<div className="field form-group">
<label className="control-label">Link to</label>
<SketchPicker
color={value}
onChangeComplete={ color => onChange(color.hex)} />
</div>
))