Assign function works inline but not in options:action

[tomByrer]

This works:

SELECT: {
  target: 'filled',
  actions: assign((context, event) => ({
    selected: event.selected
  }))
},

But is does not work:

actions: {
  selecting: assign((context, event) => ({
    selected: event.selected
  }))
},

I'd like to DRY & be able to update the context:Selected from both states. Worked on this for over an hour & I'm stuck :/
Any help or other examples would be nice. TIA

[Andarist]

It works - you have just made a mistake. actions is a part of the second argument of the Machine/createMachine and not part of the first one. So your machine should look like this:

const radioGroup = Machine(
  {
    id: "radioGroup",
    initial: "emptied",
    context: {
      selected: "",
    },
    states: {
      emptied: {
        on: {
          SELECT: {
            target: "filled",
            actions: ["selecting"],
          },
        },
      },
      filled: {
        on: {
          SELECT: {
            actions: ["selecting"],
          },
        },
      },
    },
  },
  {
    actions: {
      selecting: assign((context, event) => ({
        selected: event.selected,
      })),
    },
  }
);

[davidkpiano]

Note to self: dev warnings can probably help with this.

[tomByrer]

Works, cheers @Andarist !

@davidkpiano I might have gotten lost in the bracket depths. Composing or bracket colorizing could be cheaper improvements.
I also was looking for other simple examples to help out, but as this & Spectrum forums grow, there will be more.