From f2260d572fcfc5ebe7eb37050a7a53bfda70a2b7 Mon Sep 17 00:00:00 2001
From: Stephan <stephantroyer@live.at>
Date: Thu, 4 May 2017 21:55:58 +0200
Subject: [PATCH] Templates: update React's component's State and Property type

---
 templates/ReactReduxSpa/ClientApp/components/Counter.tsx   | 2 +-
 templates/ReactReduxSpa/ClientApp/components/FetchData.tsx | 2 +-
 templates/ReactReduxSpa/ClientApp/components/Home.tsx      | 2 +-
 templates/ReactReduxSpa/ClientApp/components/Layout.tsx    | 2 +-
 templates/ReactReduxSpa/ClientApp/components/NavMenu.tsx   | 2 +-
 templates/ReactSpa/ClientApp/components/Counter.tsx        | 2 +-
 templates/ReactSpa/ClientApp/components/FetchData.tsx      | 2 +-
 templates/ReactSpa/ClientApp/components/Home.tsx           | 2 +-
 templates/ReactSpa/ClientApp/components/Layout.tsx         | 2 +-
 templates/ReactSpa/ClientApp/components/NavMenu.tsx        | 2 +-
 10 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/templates/ReactReduxSpa/ClientApp/components/Counter.tsx b/templates/ReactReduxSpa/ClientApp/components/Counter.tsx
index 70cfbc7..1037247 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 649d070..8a79cb8 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 2fd6dcd..d21063a 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 b9f877b..b87c731 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 e3158f6..feef09d 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 233bed0..ef51b16 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 e76625b..9fe5eb1 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 9f68e05..3c092a5 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 b9f877b..b87c731 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 e3158f6..feef09d 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'>