How to use the jsonforms-core.registerStartupRenderer function in jsonforms-core

}
          className={classNames.input}
          id={id}
          hidden={!visible}
          disabled={!enabled}
          autoFocus={uischema.options && uischema.options.focus}
        />
        <label data-error="{errors}">
          {label}
        </label>
      
    );
  }
}

export default registerStartupRenderer(
  rankWith(1, isMultiLineControl),
  connect(mapStateToControlProps)(MaterializedTextareaControl)
);

const visible = _.has(ownProps, 'visible') ? ownProps.visible :  isVisible(ownProps, state);
  const enabled = _.has(ownProps, 'enabled') ? ownProps.enabled :  isEnabled(ownProps, state);

  return {
    rootData: getData(state),
    data: resolveData(getData(state), path),
    uischema: ownProps.uischema,
    schema: ownProps.schema,
    resolvedSchema: resolveSchema(ownProps.schema, ownProps.uischema.scope.$ref),
    path,
    visible,
    enabled
  };
};

export default registerStartupRenderer(
  treeMasterDetailTester,
  connect(mapStateToProps)(TreeMasterDetail)
);

);
  };

const mapStateToProps = (state, ownProps) => {
  const path = composeWithUi(ownProps.uischema, ownProps.path);

  return {
    data: resolveData(getData(state), path),
    uischema: ownProps.uischema,
    schema: ownProps.schema,
    path
  };
};

export default registerStartupRenderer(
  arrayTester,
  connect(mapStateToProps)(ArrayControlRenderer)
);

{optionValue}
                    
                  );
                })
            )
          }
        
        <label data-error="{errors}">
          {label}
        </label>
      
    );
  }
}

export default registerStartupRenderer(
  rankWith(2, isEnumControl),
  connect(mapStateToControlProps)(MaterializedEnumControl)
);

}
               className={classNames.input}
               id={id}
               hidden={!visible}
               disabled={!enabled}
               autoFocus={uischema.options && uischema.options.focus}
        />
        <label data-error="{errors}">
          {label}
        </label>
      
    );
  }
}

export default registerStartupRenderer(
  rankWith(2, isControl),
  connect(mapStateToControlProps)(MaterializedTextControl)
);

}
               className={classNames.input}
               id={id}
               hidden={!visible}
               disabled={!enabled}
               autoFocus={uischema.options && uischema.options.focus}
        />
        <label data-error="{errors}">
          {label}
        </label>
      
    );
  }
}

export default registerStartupRenderer(
  rankWith(2, isIntegerControl),
  connect(mapStateToControlProps)(MaterializedIntegerControl)
);

private findCategory(categorization: Categorization):  Category {
    const category = categorization.elements[0];

    if (this.state && this.state.selectedCategory) {
      return this.state.selectedCategory;
    }

    if (isCategorization(category)) {
      return this.findCategory(category);
    }

    return category;
  }
}

export default registerStartupRenderer(
  categorizationTester,
  connect(mapStateToLayoutProps)(CategorizationRenderer)
);

onChange={ev => this.handleChange(ev.target.value)}
               className={classNames.input}
               id={id}
               hidden={!visible}
               disabled={!enabled}
               autoFocus={uischema.options && uischema.options.focus}
        />
        <label data-error="{errors}">
          {label}
        </label>
      
    );
  }
}

export default registerStartupRenderer(
  rankWith(2, isDateControl),
  connect(mapStateToControlProps)(DateControl)
);

className={classNames.input}
               id={id}
               hidden={!visible}
               disabled={!enabled}
               autoFocus={uischema.options && uischema.options.focus}
        />
        <label data-error="{errors}"> this.handleChange(!this.state.value)}&gt;
          {label}
        </label>
      
    );
  }
}

export default registerStartupRenderer(
  rankWith(2, isBooleanControl),
  connect(mapStateToControlProps)(MaterializedBooleanControl)
);

}
               className={classNames.input}
               id={id}
               hidden={!visible}
               disabled={!enabled}
               autoFocus={uischema.options && uischema.options.focus}
        />
        <label data-error="{errors}">
          {label}
        </label>
      
    );
  }
}

export default registerStartupRenderer(
  rankWith(2, isNumberControl),
  connect(mapStateToControlProps)(NumberControl)
);