[Resolved] Get compile error on npm start. (#50)

package.json

@@ -34,7 +34,7 @@
     "jss-rtl": "^0.2.1",
     "keycode": "^2.1.9",
     "lodash": "^4.17.4",
-    "material-ui": "1.0.0-beta.38",
+    "material-ui": "^1.0.0-beta.40",
     "material-ui-icons": "^1.0.0-beta.17",
     "moment": "^2.18.1",
     "morgan": "^1.8.1",
@@ -62,10 +62,10 @@
     "react-tap-event-plugin": "^3.0.2",
     "redux": "^3.7.2",
     "redux-actions": "^2.0.3",
-    "redux-saga": "^0.16.0",
     "redux-devtools": "^3.4.1",
     "redux-devtools-dock-monitor": "^1.1.3",
     "redux-devtools-log-monitor": "^1.4.0",
+    "redux-saga": "^0.16.0",
     "redux-thunk": "^2.2.0",
     "reflect-metadata": "^0.1.10",
     "save": "^2.3.0",
@@ -76,7 +76,7 @@
     "@types/classnames": "^2.2.3",
     "@types/jest": "^22.1.1",
     "@types/lodash": "^4.14.77",
-    "@types/node": "^9.4.0",
+    "@types/node": "^9.6.2",
     "@types/prop-types": "^15.5.2",
     "@types/react": "^16.0.36",
     "@types/react-dom": "^16.0.3",
@@ -88,12 +88,12 @@
     "@types/react-tap-event-plugin": "0.0.30",
     "@types/redux-logger": "^3.0.4",
     "@types/uuid": "^3.4.3",
-    "redux-logger": "^3.0.1",
+    "redux-logger": "^3.0.6",
     "redux-mock-store": "^1.2.3",
-    "ts-node": "^3.3.0",
-    "tslint": "^5.7.0",
+    "ts-node": "^5.0.1",
+    "tslint": "^5.9.1",
     "tslint-config-standard": "^6.0.1",
-    "typescript": "^2.7.1"
+    "typescript": "^2.7.2"
   },
   "engines": {
     "node": "8.9.4",

src/api/FileAPI.ts

@@ -1,14 +1,3 @@
-
-// - Interface declaration
-interface FileReaderEventTarget extends EventTarget {
-  result: string
-}
-
-interface FileReaderEvent extends Event {
-  target: FileReaderEventTarget
-  getMessage (): string
-}
-
 // - Get file Extension
 const getExtension = (fileName: string) => {
   let re: RegExp = /(?:\.([^.]+))?$/
@@ -36,9 +25,9 @@ const constraintImage = (file: File,fileName: string, maxWidth?: number, maxHeig
   if (file.type.match(/image.*/)) {
         // Load the image
     let reader = new FileReader()
-    reader.onload = function (readerEvent: FileReaderEvent) {
+    reader.onload = (readerEvent: any) => {
       let image = new Image()
-      image.onload = function (imageEvent: Event) {
+      image.onload = (imageEvent: Event) => {
 
                 // Resize the image
         let canvas: HTMLCanvasElement = document.createElement('canvas')

src/components/circle/CircleComponent.tsx

@@ -389,4 +389,4 @@ const mapStateToProps = (state: any, ownProps: ICircleComponentProps) => {
 }
 
 // - Connect component to redux store
-export default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(CircleComponent as any) as any)
+export default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles as any)(CircleComponent as any) as any)

src/components/editProfile/EditProfileComponent.tsx

@@ -574,4 +574,4 @@ const mapStateToProps = (state: any, ownProps: IEditProfileComponentProps) => {
 }
 
 // - Connect component to redux store
-export default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(EditProfileComponent as any) as any)
+export default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles as any)(EditProfileComponent as any) as any)

src/components/img/ImgComponent.tsx

@@ -130,4 +130,4 @@ const mapStateToProps = (state: any, ownProps: IImgComponentProps) => {
 }
 
 // - Connect component to redux store
-export default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(ImgComponent as any)as any)
+export default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles as any)(ImgComponent as any)as any)

src/components/notifyItem/NotifyItemComponent.tsx

@@ -167,4 +167,4 @@ const mapStateToProps = (state: any, ownProps: INotifyItemComponentProps) => {
 }
 
 // - Connect component to redux store
-export default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(NotifyItemComponent as any) as any )
+export default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles as any)(NotifyItemComponent as any) as any )

src/components/sendFeedback/SendFeedbackComponent.tsx

@@ -255,4 +255,4 @@ const mapStateToProps = (state: any, ownProps: ISendFeedbackComponentProps) => {
 }
 
 // - Connect component to redux store
-export default connect(mapStateToProps, mapDispatchToProps)((withStyles(styles)(SendFeedbackComponent as any)) as any)
+export default connect(mapStateToProps, mapDispatchToProps)((withStyles(styles as any)(SendFeedbackComponent as any)) as any)

src/components/userBox/UserBoxComponent.tsx

@@ -466,4 +466,4 @@ const mapStateToProps = (state: any, ownProps: IUserBoxComponentProps) => {
 }
 
 // - Connect component to redux store
-export default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(UserBoxComponent as any) as any)
+export default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles as any)(UserBoxComponent as any) as any)

src/containers/emailVerification/EmailVerificationComponent.tsx

@@ -149,4 +149,4 @@ const mapStateToProps = (state: any, ownProps: IEmailVerificationComponentProps)
 }
 
 // - Connect component to redux store
-export default withRouter<any>(connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(EmailVerificationComponent as any) as any)) as typeof EmailVerificationComponent
+export default withRouter<any>(connect(mapStateToProps, mapDispatchToProps)(withStyles(styles as any)(EmailVerificationComponent as any) as any)) as typeof EmailVerificationComponent

src/containers/login/LoginComponent.tsx

@@ -258,4 +258,4 @@ const mapStateToProps = (state: any, ownProps: ILoginComponentProps) => {
 }
 
 // - Connect component to redux store
-export default withRouter<any>(connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(LoginComponent as any) as any)) as typeof LoginComponent
+export default withRouter<any>(connect(mapStateToProps, mapDispatchToProps)(withStyles(styles as any)(LoginComponent as any) as any)) as typeof LoginComponent

src/containers/resetPassword/ResetPasswordComponent.tsx

@@ -184,4 +184,4 @@ const mapStateToProps = (state: any, ownProps: IResetPasswordComponentProps) =>
 }
 
 // - Connect component to redux store
-export default withRouter<any>(connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(ResetPasswordComponent as any) as any)) as typeof ResetPasswordComponent
+export default withRouter<any>(connect(mapStateToProps, mapDispatchToProps)(withStyles(styles as any)(ResetPasswordComponent as any) as any)) as typeof ResetPasswordComponent

src/containers/setting/SettingComponent.tsx

@@ -230,4 +230,4 @@ const mapStateToProps = (state: any, ownProps: ISettingComponentProps) => {
 }
 
 // - Connect component to redux store
-export default withRouter(connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(SettingComponent as any) as any) as any)
+export default withRouter(connect(mapStateToProps, mapDispatchToProps)(withStyles(styles as any)(SettingComponent as any) as any) as any)

src/containers/signup/SignupComponent.tsx

@@ -292,4 +292,4 @@ const mapStateToProps = (state: any, ownProps: ISignupComponentProps) => {
 }
 
 // - Connect component to redux store
-export default withRouter(connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(SignupComponent as any) as any) as any)
+export default withRouter(connect(mapStateToProps, mapDispatchToProps)(withStyles(styles as any)(SignupComponent as any) as any) as any)