Error on redux.dispatch

[danieldaeschle]

This is a...

• feature request
• bug report
• usage question

What toolchain are you using for transpilation/bundling?

• @ angular/cli
• Custom @ ngTools/webpack
• Raw ngc
• SystemJS
• Rollup
• Other

Environment

NodeJS Version: 8.11.1
Typescript Version: 2.4.2
Angular Version: 5.0.0
@angular-redux/store version: 7.1.1
@angular/cli version: 1.7.4
OS: Ubuntu 16.04

Expected Behaviour:

It should work 😆

Actual Behaviour:

This message on compiling:

ERROR in node_modules/@angular-redux/store/lib/src/components/ng-redux.d.ts(10,31): error TS2420: Class 'NgRedux<RootState>' incorrectly implements interface 'ObservableStore<RootState>'.
  Types of property 'dispatch' are incompatible.
    Type 'Dispatch<RootState>' is not assignable to type 'Dispatch<AnyAction>'.
      Type 'RootState' is not assignable to type 'AnyAction'.
node_modules/@angular-redux/store/lib/src/components/ng-redux.d.ts(37,33): error TS2344: Type 'RootState' does not satisfy the constraint 'Action<any>'.
node_modules/@angular-redux/store/lib/src/components/root-store.d.ts(18,24): error TS2344: Type 'RootState' does not satisfy the constraint 'Action<any>'.
src/app/actions/note.ts(15,31): error TS2345: Argument of type '{ type: string; payload: Note; }' is not assignable to parameter of type 'IAppState'.
  Object literal may only specify known properties, and 'type' does not exist in type 'IAppState'.
src/app/actions/note.ts(19,31): error TS2345: Argument of type '{ type: string; payload: Note; }' is not assignable to parameter of type 'IAppState'.
  Object literal may only specify known properties, and 'type' does not exist in type 'IAppState'.
src/app/components/notedesk/notedesk.component.ts(2,32): error TS2307: Cannot find module '../shared/article.service'.
src/app/components/notedesk/notedesk.component.ts(3,25): error TS2307: Cannot find module '../shared/models/article'.

Additional Notes:

Message transalted from german:

The argument of type "{ type: string; payload: Note; }" cannot be assigned to the "IAppState" type parameter.
  The object literal can only specify known properties, and "type" is not available in the "IAppState" type.

[danieldaeschle]

https://github.com/noteslab/web/tree/redux

[danieldaeschle]

Updated to newest angular - still same error

[depe6]

Same thing for me :(

[fredrik-macrobond]

Are you all using Redux 4.0?

[danieldaeschle]

Newest Version. Should be 4.0

[konstantin-roehm]

Same problem here. Only downgrade of Redux to v3.7.2 fixes the issue.

[LandSprutte]

Downgraded to Redux v3.7.2 from Redux 4. I'm using "@angular-redux/store": "7", but still had the same problem. Though when I combined my reducers, I had to specify the IAppState in order for it to work.

export const rootReducer = combineReducers({
common: commonReducer,
});

[ethanmick]

Same problem here.

[christikaes]

PR to fix this issue: #522

In the mean time I've been just updating the respective .d.ts with dispatch: Dispatch<AnyAction>

[akashseth31]

Working the first time on Redux with angular and facing the same issue. Any help?

[danieldaeschle]

@akashseth31 it is a bug

[kyyash]

Is this fixed ?