HiveBrain v1.2.0
Get Started
← Back to all entries
patterntypescriptreactCritical

Typescript complains Property does not exist on type 'JSX.IntrinsicElements' when using React.createClass?

Submitted by: @import:stackoverflow-api··
0
Viewed 0 times
intrinsicelementstypescriptpropertyexistjsxcomplainsusingdoesreactwhen

Problem

I am using typescript to write redux application.

var item = React.createClass({
  render: function() {
    return (hello world)
  }
});

export default class ItemList extends Component {
    render() {
        return ()
    }
}


Then typescript complains this:

Property 'item' does not exist on type 'JSX.IntrinsicElements'.

Solution

Your component must start with a capital letter I instead of small letter i otherwise TypeScript would yell. Changing item to Item should fix it:

var Item = React.createClass({
  render: function() {
    return (hello world)
  }
});

export default class ItemList extends Component {
    render() {
        return ()
    }
}

Code Snippets

var Item = React.createClass({
  render: function() {
    return (<div>hello world</div>)
  }
});

export default class ItemList extends Component<any, any> {
    render() {
        return (<Item />)
    }
}

Context

Stack Overflow Q#37414304, score: 351

Revisions (0)

No revisions yet.