I have a service that handles user sign-ups, as shown below:
public signup = (user:UserModel) => {
console.log('UserService.user', user)
return this.httpClient.post<{user:UserModel}>(this.url, {user}).pipe(
tap(user => {
console.log('UserService.user tap', user)
this.store.dispatch(StoreUser({user}))
})
)
}
When trying to dispatch the received user data to the StoreUser action, I encountered an error. There seems to be a type mismatch in the parameter 'user' in this line
this.store.dispatch(StoreUser({user})Type '{ user: UserModel; }' is missing the following properties from type 'UserModel': firstName, lastName, password, email, tokents(2739) user.actions.ts(6, 13): The expected type comes from property 'user' which is declared here on type '{ user: UserModel; }' (property) user: UserModel
Here is the structure of the UserModel class:
export class UserModel {
public firstName:string = '';
public lastName:string = '';
public password:string = '';
public email:string = '';
public token:string = '';
}
This is the definition of the action 'StoreUser' :
import { createAction, props } from "@ngrx/store";
import { UserModel } from "./user.model";
export const StoreUser = createAction(
'[Store user] Store user',
props<{ user:UserModel }>()
);