Method parameter casted to my type but its property is not recognized

Asked Sep 12 '22 at 13:44

Active Sep 12 '22 at 14:40

Viewed 25 times

I am using XState and I need to pass a parameter via an Event.

export type InitializationEvent =
  | { type: 'FETCHED', name: string }
  | { type: 'ERROR', name: string }
  | { type: 'RESTART', name: string }

This is a method where I want to use the name property:

someAction: (context, event: InitializationEvent) => {
   doSomething(event.name);
},

Idea shows the event type is:

Alias for: InitEvent | {type: 'FETCHED', name: string} | {type: 'ERROR', name: string} | {type: 'RESTART', name: string}

InitEvent comes from the XState as:

export declare type InitEvent = { type: 'xstate.init'; }

But the build fails with:

TS2339: Property 'name' does not exist on type 'InitializationEvent'.
Property 'name' does not exist on type 'InitEvent'.

How can I properly access it? The method parameter event is cast to InitializationEvent so it should work, no?

edited Sep 12 '22 at 14:40

asked Sep 12 '22 at 13:44

Leos Literak

What is `InitEvent`? – kelsny Sep 12 '22 at 13:45
Some type coming from XState: export declare type InitEvent = { type: 'xstate.init'; } – Leos Literak Sep 12 '22 at 13:46
please put your .TS filenames and your TSConfig.json in the opening as well. – Goodies Sep 12 '22 at 14:38
Remark: this type of errors can happen with import/export errors in TypeScript. It sees the class name, but it does not see its properties. – Goodies Sep 12 '22 at 14:39
It compiles when I enclose the property access in if (event.type !== 'xstate.init') {}. – Leos Literak Sep 12 '22 at 14:41
What if you change doSomething(event.name) to doSomething(event.type) ? just to test it ? does that compile properly ? – Goodies Sep 12 '22 at 14:44
Yes, type attribute is accessible. – Leos Literak Sep 12 '22 at 14:46

0 Answers0