Property welcome does not exist on type ‘JSX.IntrinsicElements’ in SPFx React

Recently I was developing an SPFX client-side web part using react JS. In that webpart, I was adding a react component into the existing react component, but the react application shows me error as:

Property welcome does not exist on type ‘JSX.IntrinsicElements’

Property welcome does not exist on type ‘JSX.IntrinsicElements’

Now to SPFx development, check out the SharePoint Framework training course.

Property does not exist on type ‘JSX.IntrinsicElements’

The error was coming because I was writing in a small letter.

Actually, when we are developing a component using react we should start with a capital letter, the class name.

import * as React from 'react';
import { IWelcomeProps } from "./IWelcomeProps";
export default class Welcome extends React.Component<IWelcomeProps>
{
    public render():JSX.Element{
        return(
            <h1>{this.props.message}</h1>
        )
    }
}

Also, while importing the react component we should give the capital letter like below:

 <Welcome message={this.props.message} /> :null} 

You may like following SharePoint tutorials:

Here we learned how to solve property then the property name does not exist of type ‘JSX.IntrinsicElements’ in SPFX react client-side part.

  • >