diff --git a/templates/ReactReduxSpa/ClientApp/components/Counter.tsx b/templates/ReactReduxSpa/ClientApp/components/Counter.tsx
index 70cfbc7c3a..10372473b2 100644
--- a/templates/ReactReduxSpa/ClientApp/components/Counter.tsx
+++ b/templates/ReactReduxSpa/ClientApp/components/Counter.tsx
@@ -7,7 +7,7 @@ import * as WeatherForecasts from '../store/WeatherForecasts';
 
 type CounterProps = CounterStore.CounterState & typeof CounterStore.actionCreators;
 
-class Counter extends React.Component<CounterProps, void> {
+class Counter extends React.Component<CounterProps, {}> {
     public render() {
         return <div>
             <h1>Counter</h1>
diff --git a/templates/ReactReduxSpa/ClientApp/components/FetchData.tsx b/templates/ReactReduxSpa/ClientApp/components/FetchData.tsx
index 649d0700ec..8a79cb8515 100644
--- a/templates/ReactReduxSpa/ClientApp/components/FetchData.tsx
+++ b/templates/ReactReduxSpa/ClientApp/components/FetchData.tsx
@@ -10,7 +10,7 @@ type WeatherForecastProps =
     & typeof WeatherForecastsState.actionCreators   // ... plus action creators we've requested
     & { params: { startDateIndex: string } };       // ... plus incoming routing parameters
 
-class FetchData extends React.Component<WeatherForecastProps, void> {
+class FetchData extends React.Component<WeatherForecastProps, {}> {
     componentWillMount() {
         // This method runs when the component is first added to the page
         let startDateIndex = parseInt(this.props.params.startDateIndex) || 0;
diff --git a/templates/ReactReduxSpa/ClientApp/components/Home.tsx b/templates/ReactReduxSpa/ClientApp/components/Home.tsx
index 2fd6dcdf35..d21063af37 100644
--- a/templates/ReactReduxSpa/ClientApp/components/Home.tsx
+++ b/templates/ReactReduxSpa/ClientApp/components/Home.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-export default class Home extends React.Component<void, void> {
+export default class Home extends React.Component<{}, {}> {
     public render() {
         return <div>
             <h1>Hello, world!</h1>
diff --git a/templates/ReactReduxSpa/ClientApp/components/Layout.tsx b/templates/ReactReduxSpa/ClientApp/components/Layout.tsx
index b9f877bd1e..b87c731393 100644
--- a/templates/ReactReduxSpa/ClientApp/components/Layout.tsx
+++ b/templates/ReactReduxSpa/ClientApp/components/Layout.tsx
@@ -5,7 +5,7 @@ export interface LayoutProps {
     body: React.ReactElement<any>;
 }
 
-export class Layout extends React.Component<LayoutProps, void> {
+export class Layout extends React.Component<LayoutProps, {}> {
     public render() {
         return <div className='container-fluid'>
             <div className='row'>
diff --git a/templates/ReactReduxSpa/ClientApp/components/NavMenu.tsx b/templates/ReactReduxSpa/ClientApp/components/NavMenu.tsx
index e3158f617b..feef09d35b 100644
--- a/templates/ReactReduxSpa/ClientApp/components/NavMenu.tsx
+++ b/templates/ReactReduxSpa/ClientApp/components/NavMenu.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Link } from 'react-router';
 
-export class NavMenu extends React.Component<any, void> {
+export class NavMenu extends React.Component<{}, {}> {
     public render() {
         return <div className='main-nav'>
                 <div className='navbar navbar-inverse'>
diff --git a/templates/ReactSpa/ClientApp/components/Counter.tsx b/templates/ReactSpa/ClientApp/components/Counter.tsx
index 233bed0613..ef51b16834 100644
--- a/templates/ReactSpa/ClientApp/components/Counter.tsx
+++ b/templates/ReactSpa/ClientApp/components/Counter.tsx
@@ -4,7 +4,7 @@ interface CounterState {
     currentCount: number;
 }
 
-export class Counter extends React.Component<any, CounterState> {
+export class Counter extends React.Component<{}, CounterState> {
     constructor() {
         super();
         this.state = { currentCount: 0 };
diff --git a/templates/ReactSpa/ClientApp/components/FetchData.tsx b/templates/ReactSpa/ClientApp/components/FetchData.tsx
index e76625bdc9..9fe5eb1116 100644
--- a/templates/ReactSpa/ClientApp/components/FetchData.tsx
+++ b/templates/ReactSpa/ClientApp/components/FetchData.tsx
@@ -6,7 +6,7 @@ interface FetchDataExampleState {
     loading: boolean;
 }
 
-export class FetchData extends React.Component<any, FetchDataExampleState> {
+export class FetchData extends React.Component<{}, FetchDataExampleState> {
     constructor() {
         super();
         this.state = { forecasts: [], loading: true };
diff --git a/templates/ReactSpa/ClientApp/components/Home.tsx b/templates/ReactSpa/ClientApp/components/Home.tsx
index 9f68e05cc8..3c092a5124 100644
--- a/templates/ReactSpa/ClientApp/components/Home.tsx
+++ b/templates/ReactSpa/ClientApp/components/Home.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-export class Home extends React.Component<any, void> {
+export class Home extends React.Component<{}, {}> {
     public render() {
         return <div>
             <h1>Hello, world!</h1>
diff --git a/templates/ReactSpa/ClientApp/components/Layout.tsx b/templates/ReactSpa/ClientApp/components/Layout.tsx
index b9f877bd1e..b87c731393 100644
--- a/templates/ReactSpa/ClientApp/components/Layout.tsx
+++ b/templates/ReactSpa/ClientApp/components/Layout.tsx
@@ -5,7 +5,7 @@ export interface LayoutProps {
     body: React.ReactElement<any>;
 }
 
-export class Layout extends React.Component<LayoutProps, void> {
+export class Layout extends React.Component<LayoutProps, {}> {
     public render() {
         return <div className='container-fluid'>
             <div className='row'>
diff --git a/templates/ReactSpa/ClientApp/components/NavMenu.tsx b/templates/ReactSpa/ClientApp/components/NavMenu.tsx
index e3158f617b..feef09d35b 100644
--- a/templates/ReactSpa/ClientApp/components/NavMenu.tsx
+++ b/templates/ReactSpa/ClientApp/components/NavMenu.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Link } from 'react-router';
 
-export class NavMenu extends React.Component<any, void> {
+export class NavMenu extends React.Component<{}, {}> {
     public render() {
         return <div className='main-nav'>
                 <div className='navbar navbar-inverse'>