TypeScript/tests/cases/compiler/jsxChildrenSingleChildConfusableWithMultipleChildrenNoError.tsx

26 lines
520 B
TypeScript

// @skipLibCheck: true
// @jsx: react
/// <reference path="/.lib/react16.d.ts" />
import * as React from 'react'
type Tab = [string, React.ReactNode] // [tabName, tabContent]
interface Props {
children: Tab[]
}
function TabLayout(props: Props) {
return <div/>
}
export class App extends React.Component<{}> {
render() {
return <TabLayout>
{[
['Users', <div/>],
['Products', <div/>]
]}
</TabLayout>
}
}