How to use the @jsonforms/core.createDefaultValue function in @jsonforms/core

  innerCreateDefaultValue = () => createDefaultValue(this.props.schema);
  handleChange = (panel: string) => (_event: any, expanded: boolean) => {

/>
              
            
          
        
      
      {enabled ? (
        
          
            
              
            
          
        
      ) : null}
    
  )
);

onClick() {
    this.addItem(this.path, createDefaultValue(this.schema))();
  }
}

    () => createDefaultValue(schema),
    [createDefaultValue]

type: 'Control',
      label: false,
      scope: schema.type === 'object' ? `#/properties/${key}` : '#'
    });
    const labelObject = createLabelDescriptionFrom(controlElement, schema);
    const isValid = errors.length === 0;
    const divClassNames = 'validation' + (isValid ? '' : ' validation_error');
    const labelText = isPlainLabel(label) ? label : label.default;

    return (
      <div hidden="{!visible}">
        <header>
          <label>{labelText}</label>
          <button>
            Add to {labelObject.text}
          </button>
        </header>
        <div>
          {!isValid ? errors : ''}
        </div>
        
              {schema.properties ? (
                fpflow(
                  fpkeys,
                  fpfilter(prop =&gt; schema.properties[prop].type !== 'array'),
                  fpmap(prop =&gt; )
                )(schema.properties)<table>
          <thead>
            <tr><th>{fpstartCase(prop)}</th></tr></thead></table></div>

const openNewTab = (newIndex: number) => {
      handleChange(
        path,
        createDefaultValue(schema.oneOf[newIndex])
      );
      setSelectedIndex(newIndex);
    }

onAddClick() {
    this.addItem(this.propsPath, createDefaultValue(this.scopedSchema))();
  }

            onClick={() => addItem(path, createDefaultValue(schema))}
          >