How to use the jsonforms-core.JsonForms.stylingRegistry function in jsonforms-core

export const getStyle = (styleName: string) =>
  JsonForms.stylingRegistry.getAsClassName(styleName);

.map(prop =>
                      <button> {
                          const newData = _.keys(prop.schema.properties).reduce(
                            (d, key) =&gt; {
                              if (prop.schema.properties[key].default) {
                                d[key] = prop.schema.properties[key].default;
                              }

                              return d;
                            },
                            {}
                          );
                          dispatch(
                            update(
                              compose(this.state.dialog.path, prop.property),
                              array =&gt; {</button>

render() {
    const { uischema, visible } = this.props;
    const categorization = uischema as Categorization;
    const classNames = JsonForms.stylingRegistry.getAsClassName('categorization');
    const masterClassNames = JsonForms.stylingRegistry.getAsClassName('categorization.master');
    const detailClassNames = JsonForms.stylingRegistry.getAsClassName('categorization.detail');
    const selectedCategory = this.findCategory(categorization);

    return (
      <div hidden="{visible">
        <div>
          
              this.setState({ selectedCategory: category })
            }
          /&gt;
        </div></div>

export const CategorizationList  = ({ categorization, selectedCategory, depth, onSelect }: CategorizationProps) =>
  (
    <ul>
      {
        categorization.elements.map(category =&gt; {
          if (isCategorization(category)) {
            return (
              <li>
                <span>{category.label}</span>
                
              </li>
            );</ul>