updated some final types

Author: piotrwitek

examples/src/components/class-component.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-type Props = {
+export type ClassComponentProps = {
   className?: string,
   style?: React.CSSProperties,
   label: string,
@@ -11,9 +11,9 @@ type State = {
   counter: number,
 };
 
-export class ClassComponent extends React.Component<Props, State> {
+export class ClassComponent extends React.Component<ClassComponentProps, State> {
   // default props using Property Initializers
-  static defaultProps: Partial<Props> = {
+  static defaultProps: Partial<ClassComponentProps> = {
     className: 'default-class',
   };
 
@@ -43,8 +43,6 @@ export class ClassComponent extends React.Component<Props, State> {
             Increment
           </button>
         </div>
-        <hr />
-        {children}
       </div>
     );
   }

examples/src/components/stateless-component.tsx

@@ -5,7 +5,7 @@ export type StatelessComponentProps = {
   style?: React.CSSProperties,
   label: string,
   counter: number,
-  incrementCounter: () => void,
+  incrementCounter: () => any,
 };
 
 export const StatelessComponent: React.StatelessComponent<StatelessComponentProps> = (props) => {
@@ -21,8 +21,6 @@ export const StatelessComponent: React.StatelessComponent<StatelessComponentProp
           Increment
         </button>
       </div>
-      <hr />
-      {children}
     </div>
   );
 };

examples/src/containers/connected-stateless-component.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { connect } from 'react-redux';
+import { connect, Dispatch } from 'react-redux';
 import { returntypeof } from 'react-redux-typescript';
 
-import { RootState } from '../types';
+import { RootState, RootAction } from '../types';
 import { actionCreators } from '../modules/converter';
 import { StatelessComponent, StatelessComponentProps } from '../components';
 
@@ -14,8 +14,8 @@ const mapStateToProps = (state: RootState, ownProps: ConnectedStatelessComponent
   counter: state.converter.counter,
 });
 
-const dispatchProps = {
-  increaseCounter: actionCreators.increaseCounter,
-};
+const mapDispatchToProps = (dispatch: Dispatch<RootAction>) => ({
+  incrementCounter: () => dispatch(actionCreators.increaseCounter()),
+});
 
-export const ConnectedStatelessComponent = connect(mapStateToProps, dispatchProps)(StatelessComponent);
+export const ConnectedStatelessComponent = connect(mapStateToProps, mapDispatchToProps)(StatelessComponent);