Gutenberg - Custom Taxonomy Selector - Select Control

customTaxonomySelectControlSelector.js

const {
  SelectControl,
} = wp.components;

const taxonomy = 'category';

function customTaxonomySelectControlSelector( OriginalComponent ) {
  return function(props) {
    if ( props.slug === 'my_taxonomy' ) {
      if ( !window.HierarchicalTermSelectSelector ) {
        window.HierarchicalTermSelectSelector = class HierarchicalTermSelectSelector extends OriginalComponent {
          // Return only the selected term ID
          onChange(value) {
            console.info(event);

            const {
              onUpdateTerms,
              taxonomy
            } = this.props;

            const termId = parseInt( value, 10 );
            
            onUpdateTerms([termId], taxonomy.rest_base);
          }
          // Copied from HierarchicalTermSelector, changed input type to radio
          renderTerms( renderedTerms ) {
            const {
              terms = []
            } = this.props;
            return ( < SelectControl label = {
                __( 'Select Category' )
              }
              value = {
                terms[0]
              } // e.g: value = [ 'a', 'c' ]
              onChange = {
                this.onChange
              }
              options = {
                renderedTerms.map((term) => {
                  return {
                    value: term.id,
                    label: term.name
                  };
                })
              }
              />)
            }
          };
        }
        return <window.HierarchicalTermSelectSelector { ...props
        }
        />;
      }
      return <OriginalComponent { ...props
      }
      />;
    };
  }
  wp.hooks.addFilter( 'editor.PostTaxonomyType', 'core-functionality', customTaxonomySelectControlSelector );