Default state to {} (#5)

Author: mohsen1

src/helpers/index.ts

@@ -46,7 +46,7 @@ export function isReactComponent(classDeclaration: ts.ClassDeclaration, typeChec
 /**
  * Determine if a ts.HeritageClause is React HeritageClause
  *
- * @example `extends React.Component<{}, void>` is a React HeritageClause
+ * @example `extends React.Component<{}, {}>` is a React HeritageClause
  *
  * @todo: this is lazy. Use the typeChecker instead
  * @param clause

src/transforms/react-js-make-props-and-state-transform.ts

@@ -106,7 +106,7 @@ export function reactJSMakePropsAndStateInterfaceTransformFactoryFactory(typeChe
                     const initialStateIsVoid = initialState.kind === ts.SyntaxKind.VoidKeyword;
                     const collectedStateTypes = getStateLookingForSetStateCalls(classDeclaration, typeChecker);
                     if (!collectedStateTypes.length && initialStateIsVoid) {
-                        return initialState;
+                        return ts.createTypeLiteralNode([]);
                     }
                     if (!initialStateIsVoid) {
                         collectedStateTypes.push(initialState)

test/end-to-end/basic/output.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 type MyComponentProps = {};
-type MyComponentState = void;
+type MyComponentState = {};
 
 export default class MyComponent extends React.Component<MyComponentProps, MyComponentState> {
     render() {

test/react-hoist-generics-transform/propless-stateless/input.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-export default class MyComponent extends React.Component<{}, void> {
+export default class MyComponent extends React.Component<{}, {}> {
     render() {
         return <div />;
     }

test/react-hoist-generics-transform/propless-stateless/output.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 type MyComponentProps = {};
-type MyComponentState = void;
+type MyComponentState = {};
 export default class MyComponent extends React.Component<MyComponentProps, MyComponentState> {
     render() {
         return <div />;

test/react-js-make-props-and-state-transform/propless-stateless/output.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-export default class MyComponent extends React.Component<{}, void> {
+export default class MyComponent extends React.Component<{}, {}> {
     render() {
         return <div />;
     }

test/react-js-make-props-and-state-transform/static-proptypes-getter-simple/output.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 export default class MyComponent extends React.Component<{
         foo: string;
-    }, void> {
+    }, {}> {
     static get propTypes() {
         return {
             foo: React.PropTypes.string.isRequired,

test/react-js-make-props-and-state-transform/static-proptypes-many-props/output.tsx

@@ -19,7 +19,7 @@ export default class MyComponent extends React.Component<{
         stringRequired: string;
         nodeRequired: number | string | JSX.Element;
         elementRequired: JSX.Element;
-    }, void> {
+    }, {}> {
     static propTypes = {
         any: React.PropTypes.any,
         array: React.PropTypes.array,

test/react-js-make-props-and-state-transform/static-proptypes-simple/output.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 export default class MyComponent extends React.Component<{
         foo: string;
-    }, void> {
+    }, {}> {
     static propTypes = {
         foo: React.PropTypes.string.isRequired,
     };