reactjs - TS2339: Property 'props' does not exist on type 'Home'

Question

I have a very basic program of react with tsx, I am getting an error which I am not able to figure out why

import React from 'react';
// import {connect} from 'react-redux'

export class Home extends React.Component {    
    render(){
        console.log(this.props)
        return (
            <div>Working</div>
        )
    }
}


import * as React from 'react'
import * as ReactDOM from 'react-dom';
import {Home} from './Components/Home.component'
class App extends React.Component<any,any>{
render(){
    return(
        <Home value="abc" />
    )
  }
}
ReactDOM.render( <App />, window.document.getElementById("app"))

git clone this for code

Answer 1

After pulling down your repo and inspecting it, I realised that you do not have react typings for typescript.

Typings is the simple way to manage and install TypeScript definitions

Adding this line

"@types/react": "^16.0.25" // or another version you prefer

to the package.json and running npm i or yarn if you are using yarn as a package manager, one more time, solved the issue.

Try it out and let me know if this solves it on your side :)

PS: TypeScript requires you to describe the shape of your objects and your data. If you look at the other answer I provided earlier, it was pretty much a long and complicated version of You need to specify a type that describes your props and need to pass this to the component in question