diff --git a/packages/demo-react/package.json b/packages/demo-react/package.json
index f8fc44f6..59fbb2c4 100644
--- a/packages/demo-react/package.json
+++ b/packages/demo-react/package.json
@@ -7,7 +7,7 @@
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
     "prop-types": "^15.7.2",
-    "react": "^17.0.1",
+    "react": "^17.0.0",
     "react-dom": "^17.0.1",
     "react-scripts": "4.0.1",
     "web-vitals": "^0.2.4"
diff --git a/packages/demo-react/src/components/hero.js b/packages/demo-react/src/components/hero.js
index 3859e281..b7eb2efb 100644
--- a/packages/demo-react/src/components/hero.js
+++ b/packages/demo-react/src/components/hero.js
@@ -2,6 +2,10 @@ import { Component } from "react";
 import propTypes from 'prop-types'
 
 class Hero extends Component {
+  componentWillMount() { }
+  componentWillReceiveProps() { }
+  componentWillUpdate() { }
+  
   render() {
     <div class={this.props.class_name}>Welcome to {this.props.title} Hero Component</div>;
   }