JSX.Element is Deprecated

[agroot2002]

In " Typing Component Props " under " Useful React Prop Type Examples " , example given for children Element as props ( JSX.Element ) is incorrect it produce errors in new versions , instead React.ReactElement is suggested method to use .

In " Functional Components " under 3rd example also the JSX.Element is used instead React.ReactElement must be there .

I came across this error and it took me two days to figure this out in my code .
So I don't want someone else to run in the same problem .

[jatinder14]

@agroot2002 please assign this issue to me

[agroot2002]

@jatinder14 Sorry but how can I do so ?

[filiptammergard]

We don't have to assign it, just submit a PR and link to this issue.

[jatinder14]

@filiptammergard sure

[jatinder14]

@agroot2002 could you please share the page link .
OR
steps to get the page where you finding this Deprecated line of code so that i can fix it there with suggestions provided by you ?

[agroot2002]

Sorry I was unable to respond but the issue is not resolved yet as the site shows the old data for JSX.Element instead of React.ReactElement , Here are the Links :
react-prop-type-examples
function_components

[eps1lon]

The global namespace is deprecated, not JSX.Element itself. So you want to use React.JSX.Element

[mohit-negi]

@eps1lon
Hello! This is my first issue. I'm currently working on it, and I recently learned about JSX.Element and React.JSX.Element. After some consideration, I decided to change all instances of JSX.Element to React.JSX.Element. However, I couldn't find enough resources to improve the summary. Despite that, I've made the necessary changes. Should I go ahead and submit the pull request?

[agroot2002]

@mohit-negi @eps1lon Yeah but React.ReactElement is more specific and helps while using attributes in element like src in img tag . In React.JSX.Element it gives type any , have a look at this : StackOverflow

I am currently at very beginner stage in TS so correct me if I am wrong , According to me React.ReactElement must be better option 👍

[mohit-negi]

@agroot2002 I'm new to TS too. Yes, you're right. The only reason to use React.JSX.Element instead of React.ReactElement is if you're using a library that doesn't expose the React.ReactElement type. This is probably unnecessary in this case, since it's a React-TypeScript cheatsheet.

[filiptammergard]

As @eps1lon said, it should be React.JSX.Element in both of the mentioned cases. ReactElement should almost never be used.

Will accept a PR changing JSX.Element to React.JSX.Element.