Estoy teniendo problemas para intentar hacer un simplematerial-ui-next casilla de verificación dentro de unredux-form. Estoy siguiendo elejemplo oficial y tratando de adaptarlo a lamaterial-ui-next equivalente, ya que el ejemplo está usando la versión anterior dematerial-ui. Este es el código que termino usando:

const renderCheckbox = ({ input, label }) => (
  <FormGroup row>
    <FormControlLabel
      control={
        <Checkbox
          checked={input.value ? true : false}
          onChange={input.onChange}
          value="checkedA"
        />
      }
      label="Secondary"
    />
  </FormGroup>
);

Y así es como defino la casilla de verificación dentroredux-form:

...
<Field name="activated" component={renderCheckbox} label="Activated" />
...

Sin embargo, cuando guardo el código, React se queja con el siguiente error:

index.js: 2178 Advertencia: React.createElement: el tipo no es válido: se esperaba una cadena (para componentes integrados) o una clase / función (para componentes compuestos) pero se obtuvo: indefinido. Probablemente olvidó exportar su componente desde el archivo en el que está definido, o podría haber mezclado las importaciones predeterminadas y con nombre.

Verifique su código en myForm.js: 108.

La línea 108 del código es el<Checkbox /> componente que se define dentro del mencionadorenderCheckbox() método.