Radio.jsx

  onChange = async ({ target: { value } }: SyntheticEvent<HTMLInputElement>): Promise<void> => {
    if (value === this.props.value) return;

    const { executeMutation, cardId, id: fieldId } = this.props;
    const mutationVars = { variables: { cardId, fieldId, value } };

    if(this.state.lastUpdate) this.state.lastUpdate.cancel();
    const TIME_DEBOUNCE = 500;
    const debounced = debounce(async () => {
      try {
        const mutationRequest: MutationResultProps = await executeMutation(mutationVars);
        return this.handleRequest(mutationRequest);
      } catch (e) {
        handleErrorMessages({ message: t('errors.500') });
        return;
      }
    }, TIME_DEBOUNCE);

    this.setState({ value, lastUpdate: debounced });
    debounced();
  };