React Query with XState

example.ts

export function useStateHook() {
  const machineRef = useActorRef(userStateMachine);

  const result = trpcReact.user.getById.useQuery('someUserId', {
    onSettled(data, error) {
      if (error) {
        machineRef.send({
          type: 'FETCH_ERROR',
          error,
        });
      } else {
        machineRef.send({
          type: 'FETCH_SUCCESS',
          data,
        });
      }
    },
  });

  useEffect(() => {
    const snapshot = machineRef.getSnapshot()?.context || {};
    const keys = Object.keys(result);
    keys.forEach((key) => {
      if (!key.startsWith('is')) return;
      if (snapshot[key as never] !== result[key as never]) {
        machineRef.send({
          type: `FETCH_${key},
          data: result[key as never],
        });
      }
    });
  }, [machineRef, result]);
}

Line 27, add a missing backtick `