diff --git a/src/Microsoft.DotNet.Web.Spa.ProjectTemplates/content/React-CSharp/ClientApp/src/components/Counter.js b/src/Microsoft.DotNet.Web.Spa.ProjectTemplates/content/React-CSharp/ClientApp/src/components/Counter.js
index 498a3c956f..3d6f3b1534 100644
--- a/src/Microsoft.DotNet.Web.Spa.ProjectTemplates/content/React-CSharp/ClientApp/src/components/Counter.js
+++ b/src/Microsoft.DotNet.Web.Spa.ProjectTemplates/content/React-CSharp/ClientApp/src/components/Counter.js
@@ -3,8 +3,8 @@ import React, { Component } from 'react';
 export class Counter extends Component {
   displayName = Counter.name
 
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
     this.state = { currentCount: 0 };
     this.incrementCounter = this.incrementCounter.bind(this);
   }
diff --git a/src/Microsoft.DotNet.Web.Spa.ProjectTemplates/content/React-CSharp/ClientApp/src/components/FetchData.js b/src/Microsoft.DotNet.Web.Spa.ProjectTemplates/content/React-CSharp/ClientApp/src/components/FetchData.js
index 3116f9ac4e..eaf9371778 100644
--- a/src/Microsoft.DotNet.Web.Spa.ProjectTemplates/content/React-CSharp/ClientApp/src/components/FetchData.js
+++ b/src/Microsoft.DotNet.Web.Spa.ProjectTemplates/content/React-CSharp/ClientApp/src/components/FetchData.js
@@ -3,8 +3,8 @@ import React, { Component } from 'react';
 export class FetchData extends Component {
   displayName = FetchData.name
 
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
     this.state = { forecasts: [], loading: true };
 
     fetch('api/SampleData/WeatherForecasts')