Add JS-0462 issues

Signed-off-by: Moulik Aggarwal <[email protected]>

Author: moulik-deepsource

packages/demo-react/package.json

@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
+    "prop-types": "^15.7.2",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-scripts": "4.0.1",

packages/demo-react/src/components/footer.js

@@ -0,0 +1,14 @@
+import { Component } from "react";
+import propTypes from 'prop-types'
+
+class Footer extends Component {
+  render() {
+    <div class={this.props.class_name}>Footer Component is {this.props.title}</div>;
+  }
+}
+
+Footer.propTypes = {
+  title: propTypes.string.isRequired
+};
+
+export default Footer;

packages/demo-react/src/components/header.js

@@ -1,13 +1,14 @@
 import { Component } from "react";
+import propTypes from 'prop-types'
 
 class Header extends Component {
   render() {
     <div class={this.props.class_name}>Header Component is {this.props.title}</div>;
   }
 }
 
-Header.proptypes = {
-  title: PropTypes.string.isRequired
+Header.propTypes = {
+  title: propTypes.string.isRequired
 };
 
 export default Header;

packages/demo-react/src/components/hero.js

@@ -0,0 +1,14 @@
+import { Component } from "react";
+import propTypes from 'prop-types'
+
+class Hero extends Component {
+  render() {
+    <div class={this.props.class_name}>Welcome to {this.props.title} Hero Component</div>;
+  }
+}
+
+Hero.propTypes = {
+  title: propTypes.string.isRequired
+};
+
+export default Hero;