AndresRodH

import {MakeGenerics, Route} from 'react-location'

type LocationGenerics = MakeGenerics<{
  Params: {
    teamId: string
  }
  RouteMeta: {
    breadcrumb: (params: LocationGenerics['Params']) => React.ReactElement
  }
}>

AndresRodH

const doTheThingMachine = Machine({
  id: 'do-the-thing',
  initial: 'validating',
  states: {
    validating: {
      invoke: {
        src: 'validateArgs',
        onDone: 'handlingThings',
        onError: {
          target: 'failure',

AndresRodH

const doTheThingMachine = Machine({
  id: 'do-the-thing',
  initial: 'validating',
  states: {
    validating: {
      invoke: {
        src: 'validateArgs',
        onDone: 'handlingThings',
        onError: {
          target: 'failure',

AndresRodH

const doTheThingMachine = Machine({
  id: 'do-the-thing',
  initial: 'validating',
  states: {
    validating: {
      invoke: {
        src: 'validateArgs',
        onDone: 'handlingThings',
        onError: {
          target: 'failure',

AndresRodH

const doTheThingMachine = Machine({
  id: 'do-the-thing',
  initial: 'validating',
  states: {
    validating: {},
    handlingThings: {},
    success: {
      type: 'final',
    },
    failure: {

AndresRodH

// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
// - XState (all XState exports)

AndresRodH

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

AndresRodH

// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
// - XState (all XState exports)

AndresRodH

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

AndresRodH

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions