fix: actions as dep issue

beekai-oss · Jun 5, 2021 · 1d2cbe9 · 1d2cbe9
1 parent 1bc33c6
commit 1d2cbe9
Showing 1 changed file with 13 additions and 15 deletions.
diff --git a/src/stateMachine.tsx b/src/stateMachine.tsx
@@ -71,20 +71,18 @@ export function useStateMachine<
  state: GlobalState;
 } {
  const { state, setState } = useStateMachineContext();
-
- return React.useMemo(
- () => ({
- actions: actions
- ? Object.entries(actions).reduce(
- (previous, [key, callback]) =>
- Object.assign({}, previous, {
- [key]: actionTemplate(setState, callback),
- }),
- {},
- )
- : ({} as any),
- state,
- }),
- [state, setState],
+ const actionsRef = React.useRef(
+ Object.entries(actions || {}).reduce(
+ (previous, [key, callback]) =>
+ Object.assign({}, previous, {
+ [key]: actionTemplate(setState, callback),
+ }),
+ {} as ActionsOutput<TCallback, TActions>,
+ ),
  );
+
+ return {
+ actions: actionsRef.current,
+ state,
+ };
 }