Select trigger error when using both MenuItem(s) and mapping over array

Describe the bug Combining MenuItem component and mapping over variable triggers tslint error when using Select component

To Reproduce Steps to reproduce the behavior:

    <Select name="test">
      <MenuItem value={-1}>Option #1</MenuItem>
      {options.map((o) => (
        <MenuItem value={o.id} key={o.id}>
          {o.name}
        </MenuItem>
      ))}
    </Select>

which gives me this error

Type ‘Element[]’ is missing the following properties from type ‘ReactElement<any, string | ((props: any) => ReactElement<any, string | … | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<any, any, any>)>’: type, props, keyts(2739)

Expected behavior I expected to not get an error (i get none if i use TextField component set to select or if i use Select directly from material-ui

Additional context doing this work, but it feels wrong

    <Select name="test">
      {[
        <MenuItem value={-1}>Option #1</MenuItem>,
        ...options.map((c) => (
          <MenuItem value={o.id} key={o.id}>
            {0.name}
          </MenuItem>
        )),
      ]}
    </Select>

[lookfirst]

Thanks and apologies for not ‘getting it’ at first. =)

[jhammersholt]

Thanks and apologies for not ‘getting it’ at first. =)

Thanks, works for me as well 😃