JSX element type 'Element[]' is not a constructor function for JSX elements?

Question

"@types/react": "^16.7.17"
"@types/react-dom": "^16.0.11"
"typescript": "^3.2.2"

function ArryElement() {
  return [
    <div key='1'>1</div>,
    <div key='2'>2</div>
  ];
}

function App() {
  return <ArryElement />
}

It seems typescript does not allow you to return an array of elements from render. Simply use React.Fragment instead. — Sulthan
– Sulthan, Commented Jan 3, 2019 at 8:48
Possible duplicate of Return react 16 array elements in typescript — Karen Grigoryan
– Karen Grigoryan, Commented Jan 3, 2019 at 9:01

John Theodorakopoulos · Accepted Answer · 2019-03-31 18:44:42Z

27

This is because React is expecting to return an object. What you do in this example, is return an array instead.

As a user mentioned above, wrapping it in a Fragment (which is an object) will solve the case

answered Feb 27, 2019 at 10:52

3896 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1