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’

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:
- How to Create Site Columns, Content Type and Custom List using SharePoint Framework
- SharePoint client-side web part configurable properties in Property Pane using spfx
- Retrieve SharePoint list items using SharePoint framework (SPFx)
- Create a list using SharePoint framework (SPFx) Step by Step tutorial
- SharePoint Framework Development
- The entry point for component has a dependency on “@microsoft/sp-http” that is not declared in the manifest react spfx
Here we learned how to solve property then the property name does not exist of type ‘JSX.IntrinsicElements’ in SPFX react client-side part.
I am Bijay a Microsoft MVP (8 times – My MVP Profile) in SharePoint and have more than 15 years of expertise in SharePoint Online Office 365, SharePoint subscription edition, and SharePoint 2019/2016/2013. Currently working in my own venture TSInfo Technologies a SharePoint development, consulting, and training company. I also run the popular SharePoint website EnjoySharePoint.com
Thanks a lot!! Solved my problem and saved me hours of work