GitBook: [master] 2 pages modified

Author: christianalfoni

core/defining-state.md

@@ -113,6 +113,10 @@ export const state = {
 {% endtab %}
 {% endtabs %}
 
+{% hint style="warning" %}
+It is import that you do **NOT** use arrow functions on your methods. The reason is that this binds the context of the method to the instance itself, meaning that Overmind is unable to proxy access and allow you to do tracked mutations
+{% endhint %}
+
 You can now use this instance as normal and of course create new ones.
 
 {% hint style="info" %}

core/typescript.md

@@ -387,41 +387,7 @@ export const filterAwesome: <T extends { isAwesome: boolean }>() => Operator<T>
 
 That means this operator can handle any type that matches an **isAwesome** property, though will pass the original type through.
 
-## Statemachine
-
-Statemachines exposes a type called **Statemachine** which you will give a single type argument of what states it should manage:
-
-{% tabs %}
-{% tab title="overmind/state.ts" %}
-```typescript
-import { Statemachine, statemachine } from 'overmind'
-
-type Mode =
-  | 'unauthenticated'
-  | 'authenticating'
-  | 'authenticated'
-  | 'unauthenticating'
-
-type State = {
-  mode: Statemachine<Mode>
-}
-
-export const state: State = {
-  mode: statemachine<Mode>({
-    initial: 'unauthenticated',
-    states: {
-      unauthenticated: ['authenticating'],
-      authenticating: ['unauthenticated', 'authenticated'],
-      authenticated: ['unauthenticating'],
-      unauthenticating: ['unauthenticated', 'authenticated']
-    }
-  })
-}
-```
-{% endtab %}
-{% endtabs %}
-
-## Statechart
+## Statecharts
 
 To type a statechart you use the **Statechart** type: