Voice Commands - ReactApp - Add Subscriptions

App.js

// Add the subscription query
const OnCreateColorCommandSubscription = `
subscription onCreateColorCommand {
  onCreateColorCommand {
    __typename
    id
    color
    timestamp
  }
}
`;

// Add subscription support to the Connect component

      <Connect query={graphqlOperation(ListColorCommands)}
        subscription={graphqlOperation(OnCreateColorCommandSubscription)}
        onSubscriptionMsg={(prev, { onCreateColorCommand }) => 
          {
            const { listColorCommands: { items } } = prev;
            items.push(onCreateColorCommand);
            return prev;
          }
        }
        >
        {({ data: { listColorCommands } }) => (
          listColorCommands && <ListView commands={listColorCommands.items} />
        )
        }
      </Connect>