[@types/react] return array without fragments

- [x] I tried using the `@types/react` package and had problems.
- [x] I tried using the latest stable version of tsc. https://www.npmjs.com/package/typescript
- [x] I have a question that is inappropriate for [StackOverflow](https://stackoverflow.com/).  (Please ask any appropriate questions there).
- [x] [Mention](https://github.com/blog/821-mention-somebody-they-re-notified) the authors (see `Definitions by:` in `index.d.ts`) so they can respond.
  - Authors: @johnnyreilly, @bbenezech, @pzavolinsky, @digiguru, @ericanderson, @morcerf, @tkrotoff, @DovydasNavickas, @onigoetz, @theruther4d, @guilhermehubner, @ferdaber, @jrakotoharisoa

I've had issues typing components that return array without Fragments like this:
```
Type '({ slides }: Props & { children?: ReactNode; }) => Element[]' is not assignable to type 'StatelessComponent<Props>'.
Type 'Element[]' is not assignable to type 'ReactElement<any>'.
        Property 'type' is missing in type 'Element[]'.
```

```javascript
type SlideItem = {
    id: number,
    url: string,
    type: string,
    title: string,
}

interface Props {
    slides: Array<SlideItem>
}

const Slide : React.SFC<Props> = ({ slides }) => (
    slides.map(item => (
        <Image
            key={item.id}
            url={item.url}
        >
            <StyledSlide>
                <Heading
                    uppercase
                    mono
                    size="M"
                >
                    {item.type}
                </Heading>
                <Heading
                    uppercase
                    mono
                    size="XL"
                    marginTop={25}
                >
                    {item.title}
                </Heading>
            </StyledSlide>
        </Image>
    ))
);
```

If I wrap this in a Fragment, then it works:
```javascript
<Fragment>
		{slides.map(item => (
                    ...
		))}
	</Fragment>
```

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[@types/react] return array without fragments #26890

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

[@types/react] return array without fragments #26890

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions