Estou tendo problemas para processar uma simplesmaterial-ui-next caixa de seleção dentro de umredux-form. Eu estou seguindo oexemplo oficial e tentando adaptá-lo aomaterial-ui-next equivalente, já que o exemplo está usando a versão mais antiga domaterial-ui. Este é o código que eu acabo usando:

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

E é assim que eu defino a caixa de seleção dentroredux-form:

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

No entanto, quando eu salvo o código, o React está reclamando com o seguinte erro:

index.js: 2178 Aviso: React.createElement: type é inválido - espera-se uma sequência (para componentes internos) ou uma classe / função (para componentes compostos), mas obteve: indefinido. Você provavelmente esqueceu de exportar seu componente do arquivo em que está definido ou pode ter misturado importações padrão e nomeadas.

Verifique seu código em myForm.js: 108.

A linha 108 do código é a<Checkbox /> componente que é definido dentro do mencionado acimarenderCheckbox() método.